mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-13 04:48:53 +00:00
3d855647c7
## Button
- Remove props withoutHoverStyle
refactor hover impl with independent layer, so that hover-color won't affect the background even if is overridden outside
- Update `type` (renamed to `variant`):
- remove `processing` and `warning`
- rename `default` with `secondary`
- Remove `shape` props
- Remove `icon` and `iconPosition`, replaced with `prefix: ReactNode` and `suffix: ReactNode`
- Integrate tooltip for more convenient usage
- New Storybook document
- Focus style
## IconButton
- A Wrapper base on `<Button />`
- Override Button size and variant
- size: `'12' | '14' | '16' | '20' | '24' | number`
These presets size are referenced from the design system.
- variant: `'plain' | 'solid' | 'danger' | 'custom'`
- Inset icon via Button 's prefix
## Fix
- fix some button related issues
- close AF-1159, AF-1160, AF-1161, AF-1162, AF-1163, AF-1158, AF-1157
## Storybook
23 lines
642 B
TypeScript
23 lines
642 B
TypeScript
import { useI18n } from '@affine/i18n';
|
|
import type { FC } from 'react';
|
|
|
|
import { Button } from '../../ui/button';
|
|
import { AuthPageContainer } from './auth-page-container';
|
|
|
|
export const ConfirmChangeEmail: FC<{
|
|
onOpenAffine: () => void;
|
|
}> = ({ onOpenAffine }) => {
|
|
const t = useI18n();
|
|
|
|
return (
|
|
<AuthPageContainer
|
|
title={t['com.affine.auth.change.email.page.success.title']()}
|
|
subtitle={t['com.affine.auth.change.email.page.success.subtitle']()}
|
|
>
|
|
<Button variant="primary" size="large" onClick={onOpenAffine}>
|
|
{t['com.affine.auth.open.affine']()}
|
|
</Button>
|
|
</AuthPageContainer>
|
|
);
|
|
};
|