1b187350c0
* Refactor buttons * Complete components creation * Complete refactoring * fix lint * Complete button work
40 lines
1023 B
TypeScript
40 lines
1023 B
TypeScript
import { useTheme } from '@emotion/react';
|
|
|
|
import { Button } from '@/ui/button/components/Button';
|
|
import { ButtonGroup } from '@/ui/button/components/ButtonGroup';
|
|
import { IconCheckbox, IconNotes, IconTimelineEvent } from '@/ui/icon/index';
|
|
|
|
type ActivityCreateButtonProps = {
|
|
onNoteClick?: () => void;
|
|
onTaskClick?: () => void;
|
|
onActivityClick?: () => void;
|
|
};
|
|
|
|
export function ActivityCreateButton({
|
|
onNoteClick,
|
|
onTaskClick,
|
|
onActivityClick,
|
|
}: ActivityCreateButtonProps) {
|
|
const theme = useTheme();
|
|
return (
|
|
<ButtonGroup variant={'secondary'}>
|
|
<Button
|
|
icon={<IconNotes size={theme.icon.size.sm} />}
|
|
title="Note"
|
|
onClick={onNoteClick}
|
|
/>
|
|
<Button
|
|
icon={<IconCheckbox size={theme.icon.size.sm} />}
|
|
title="Task"
|
|
onClick={onTaskClick}
|
|
/>
|
|
<Button
|
|
icon={<IconTimelineEvent size={theme.icon.size.sm} />}
|
|
title="Activity"
|
|
soon={true}
|
|
onClick={onActivityClick}
|
|
/>
|
|
</ButtonGroup>
|
|
);
|
|
}
|