aboutsummaryrefslogtreecommitdiffstats
path: root/packages/web/app/dashboard/components/AllLists.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-03-10 17:59:58 +0000
committerMohamedBassem <me@mbassem.com>2024-03-10 17:59:58 +0000
commitd6dd76021226802adf5295b3243d6f2ae4fa5cc2 (patch)
tree7a25423d46db9e0e224b5f58b73cec5768953b44 /packages/web/app/dashboard/components/AllLists.tsx
parent8ab868d3f94cc6609d278dc952432f1a244c3f84 (diff)
downloadkarakeep-d6dd76021226802adf5295b3243d6f2ae4fa5cc2.tar.zst
refactor: Move all components to the top level directory
Diffstat (limited to 'packages/web/app/dashboard/components/AllLists.tsx')
-rw-r--r--packages/web/app/dashboard/components/AllLists.tsx60
1 files changed, 0 insertions, 60 deletions
diff --git a/packages/web/app/dashboard/components/AllLists.tsx b/packages/web/app/dashboard/components/AllLists.tsx
deleted file mode 100644
index a77252d0..00000000
--- a/packages/web/app/dashboard/components/AllLists.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-"use client";
-
-import { api } from "@/lib/trpc";
-import SidebarItem from "./SidebarItem";
-import NewListModal, { useNewListModal } from "./NewListModal";
-import { Plus } from "lucide-react";
-import Link from "next/link";
-import { ZBookmarkList } from "@hoarder/trpc/types/lists";
-
-export default function AllLists({
- initialData,
-}: {
- initialData: { lists: ZBookmarkList[] };
-}) {
- let { data: lists } = api.lists.list.useQuery(undefined, {
- initialData,
- });
- // TODO: This seems to be a bug in react query
- lists ||= initialData;
- const { setOpen } = useNewListModal();
-
- return (
- <ul className="max-h-full gap-y-2 overflow-auto text-sm font-medium">
- <NewListModal />
- <li className="flex justify-between pb-2 font-bold">
- <p>Lists</p>
- <Link href="#" onClick={() => setOpen(true)}>
- <Plus />
- </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`}
- className="py-0.5"
- />
- <SidebarItem
- logo={<span className="text-lg">🗄️</span>}
- name="Archive"
- path={`/dashboard/archive`}
- className="py-0.5"
- />
- {lists.lists.map((l) => (
- <SidebarItem
- key={l.id}
- logo={<span className="text-lg"> {l.icon}</span>}
- name={l.name}
- path={`/dashboard/lists/${l.id}`}
- className="py-0.5"
- />
- ))}
- </ul>
- );
-}