From d055e66dd9dd5789c88d1a002686457ea89db073 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Sat, 24 Feb 2024 19:54:41 +0330
Subject: [PATCH] feat: add source code item

---
 src/components/menu/item/item.module.css |  1 -
 src/components/menu/items/index.ts       |  1 +
 src/components/menu/items/source.tsx     | 13 +++++++++++++
 src/components/menu/menu.tsx             |  9 ++++++++-
 4 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 src/components/menu/items/source.tsx

diff --git a/src/components/menu/item/item.module.css b/src/components/menu/item/item.module.css
index e01851b..1d28bc3 100644
--- a/src/components/menu/item/item.module.css
+++ b/src/components/menu/item/item.module.css
@@ -7,7 +7,6 @@
   height: 40px;
   padding: 0 12px;
   font-size: var(--font-sm);
-  font-weight: 500;
   line-height: 1;
   color: var(--color-foreground-subtle);
   text-align: left;
diff --git a/src/components/menu/items/index.ts b/src/components/menu/items/index.ts
index f388bc2..3b1f00d 100644
--- a/src/components/menu/items/index.ts
+++ b/src/components/menu/items/index.ts
@@ -2,3 +2,4 @@ export { Shuffle as ShuffleItem } from './shuffle';
 export { Share as ShareItem } from './share';
 export { Donate as DonateItem } from './donate';
 export { Notepad as NotepadItem } from './notepad';
+export { Source as SourceItem } from './source';
diff --git a/src/components/menu/items/source.tsx b/src/components/menu/items/source.tsx
new file mode 100644
index 0000000..668fcde
--- /dev/null
+++ b/src/components/menu/items/source.tsx
@@ -0,0 +1,13 @@
+import { LuGithub } from 'react-icons/lu/index';
+
+import { Item } from '../item';
+
+export function Source() {
+  return (
+    <Item
+      href="https://github.com/remvze/moodist"
+      icon={<LuGithub />}
+      label="Source Code"
+    />
+  );
+}
diff --git a/src/components/menu/menu.tsx b/src/components/menu/menu.tsx
index b14ee3b..ab2cf89 100644
--- a/src/components/menu/menu.tsx
+++ b/src/components/menu/menu.tsx
@@ -14,7 +14,13 @@ import {
   FloatingFocusManager,
 } from '@floating-ui/react';
 
-import { ShuffleItem, ShareItem, DonateItem, NotepadItem } from './items';
+import {
+  ShuffleItem,
+  ShareItem,
+  DonateItem,
+  NotepadItem,
+  SourceItem,
+} from './items';
 import { Divider } from './divider';
 import { ShareLinkModal } from '@/components/modals/share-link';
 import { Notepad } from '@/components/toolbox';
@@ -83,6 +89,7 @@ export function Menu() {
                   <NotepadItem open={() => setShowNotepad(true)} />
                   <Divider />
                   <DonateItem />
+                  <SourceItem />
                 </motion.div>
               </div>
             </FloatingFocusManager>