feature: Add an 'All Lists' page

2 files changed, 14 insertions, 1 deletions

diff --git a/packages/web/app/dashboard/components/AllLists.tsx b/packages/web/app/dashboard/components/AllLists.tsx
index 5dc36043..e2a6b777 100644
--- a/packages/web/app/dashboard/components/AllLists.tsx
+++ b/packages/web/app/dashboard/components/AllLists.tsx
@@ -26,6 +26,12 @@ export default function AllLists() {
         </Link>
       </li>
       <SidebarItem
+        logo={<span className="text-lg">📋</span>}
+        name="All Lists"
+        path={`/dashboard/lists`}
+        className="py-0.5"
+      />
+      <SidebarItem
         logo={<span className="text-lg">⭐️</span>}
         name="Favourties"
         path={`/dashboard/favourites`}
diff --git a/packages/web/app/dashboard/components/ModileSidebar.tsx b/packages/web/app/dashboard/components/ModileSidebar.tsx
index c9a933fa..4bd6a347 100644
--- a/packages/web/app/dashboard/components/ModileSidebar.tsx
+++ b/packages/web/app/dashboard/components/ModileSidebar.tsx
@@ -1,5 +1,11 @@
 import MobileSidebarItem from "./ModileSidebarItem";
-import { Tag, PackageOpen, Settings, Search } from "lucide-react";
+import {
+  Tag,
+  PackageOpen,
+  Settings,
+  Search,
+  ClipboardList,
+} from "lucide-react";
 import SidebarProfileOptions from "./SidebarProfileOptions";
 
 export default async function MobileSidebar() {
@@ -8,6 +14,7 @@ export default async function MobileSidebar() {
       <ul className="flex justify-between space-x-2 border-b-black bg-gray-100 px-5 py-2 pt-5">
         <MobileSidebarItem logo={<PackageOpen />} path="/dashboard/bookmarks" />
         <MobileSidebarItem logo={<Search />} path="/dashboard/search" />
+        <MobileSidebarItem logo={<ClipboardList />} path="/dashboard/lists" />
         <MobileSidebarItem logo={<Tag />} path="/dashboard/tags" />
         <MobileSidebarItem logo={<Settings />} path="/dashboard/settings" />
         <SidebarProfileOptions />