Merge branch 'main' of https://github.com/remvze/moodist into main

README.md

@@ -20,11 +20,10 @@
 1. 📝 Persistent sound selection
 1. ✈️ Sharing sound selections with others
 1. 🧰 Custom sound presets
-1. 🌙 Sleep timer for sounds (soon)
+1. 🌙 Sleep timer for sounds
 1. 📓 Notepad for quick notes
 1. 🍅 Pomodoro timer
 1. ✅ Simple to-do list (soon)
-1. ⌛ Distraction-free countdown timer (soon)
 1. ⌨️ Keyboard shortcuts for everything
 1. 🥷 Privacy focused: no data collection
 1. 💰 Completely free, open-source, and self-hostable

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({
         </span>
 
         {shortcut && <span className={styles.shortcut}>{shortcut}</span>}
+
+        {href && (
+          <span className={styles.external}>
+            <FiExternalLink />
+          </span>
+        )}
       </Comp>
     </DropdownItem>
   );

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 (
+    <Item
+      href="https://timesy.app"
+      icon={<MdOutlineTimer />}
+      label="Countdown Timer"
+    />
+  );
+}

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';

src/components/menu/items/sleep-timer.tsx

@@ -10,7 +10,7 @@ export function SleepTimer({ open }: SleepTimerProps) {
   return (
     <Item
       icon={<IoMoonSharp />}
-      label="Sleep timer"
+      label="Sleep Timer"
       shortcut="Shift + T"
       onClick={open}
     />

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() {
                     <Divider />
                     <NotepadItem open={() => open('notepad')} />
                     <PomodoroItem open={() => open('pomodoro')} />
+                    <CountdownTimerItem />
 
                     <Divider />
                     <ShortcutsItem open={() => open('shortcuts')} />