diff --git a/src/components/menu/item/item.tsx b/src/components/menu/item/item.tsx index 01c4508..0b3b1f0 100644 --- a/src/components/menu/item/item.tsx +++ b/src/components/menu/item/item.tsx @@ -1,3 +1,4 @@ +import { FiExternalLink } from 'react-icons/fi/index'; import { Item as DropdownItem } from '@radix-ui/react-dropdown-menu'; import styles from './item.module.css'; @@ -37,6 +38,12 @@ export function Item({ {shortcut && {shortcut}} + + {href && ( + + + + )} ); diff --git a/src/components/menu/items/countdown-timer.tsx b/src/components/menu/items/countdown-timer.tsx new file mode 100644 index 0000000..51e3714 --- /dev/null +++ b/src/components/menu/items/countdown-timer.tsx @@ -0,0 +1,13 @@ +import { MdOutlineTimer } from 'react-icons/md/index'; + +import { Item } from '../item'; + +export function CountdownTimer() { + return ( + } + label="Countdown Timer" + /> + ); +} diff --git a/src/components/menu/items/index.ts b/src/components/menu/items/index.ts index f465357..e5c2904 100644 --- a/src/components/menu/items/index.ts +++ b/src/components/menu/items/index.ts @@ -7,3 +7,4 @@ export { Pomodoro as PomodoroItem } from './pomodoro'; export { Presets as PresetsItem } from './presets'; export { Shortcuts as ShortcutsItem } from './shortcuts'; export { SleepTimer as SleepTimerItem } from './sleep-timer'; +export { CountdownTimer as CountdownTimerItem } from './countdown-timer'; diff --git a/src/components/menu/items/sleep-timer.tsx b/src/components/menu/items/sleep-timer.tsx index d1e2820..6af39ab 100644 --- a/src/components/menu/items/sleep-timer.tsx +++ b/src/components/menu/items/sleep-timer.tsx @@ -10,7 +10,7 @@ export function SleepTimer({ open }: SleepTimerProps) { return ( } - label="Sleep timer" + label="Sleep Timer" shortcut="Shift + T" onClick={open} /> diff --git a/src/components/menu/menu.tsx b/src/components/menu/menu.tsx index de1ac89..3904477 100644 --- a/src/components/menu/menu.tsx +++ b/src/components/menu/menu.tsx @@ -14,6 +14,7 @@ import { PresetsItem, ShortcutsItem, SleepTimerItem, + CountdownTimerItem, } from './items'; import { Divider } from './divider'; import { ShareLinkModal } from '@/components/modals/share-link'; @@ -110,6 +111,7 @@ export function Menu() { open('notepad')} /> open('pomodoro')} /> + open('shortcuts')} />