mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-18 06:47:02 +08: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
723 B
TypeScript
23 lines
723 B
TypeScript
import { useI18n } from '@affine/i18n';
|
|
|
|
import type { ConfirmModalProps } from '../../ui/modal';
|
|
import { ConfirmModal } from '../../ui/modal';
|
|
|
|
export const PublicLinkDisableModal = (props: ConfirmModalProps) => {
|
|
const t = useI18n();
|
|
|
|
return (
|
|
<ConfirmModal
|
|
title={t['com.affine.publicLinkDisableModal.title']()}
|
|
description={t['com.affine.publicLinkDisableModal.description']()}
|
|
cancelText={t['com.affine.publicLinkDisableModal.button.cancel']()}
|
|
confirmText={t['com.affine.publicLinkDisableModal.button.disable']()}
|
|
confirmButtonOptions={{
|
|
variant: 'error',
|
|
['data-testid' as string]: 'confirm-enable-affine-cloud-button',
|
|
}}
|
|
{...props}
|
|
/>
|
|
);
|
|
};
|