diff options
Diffstat (limited to 'apps/web/components/dashboard')
| -rw-r--r-- | apps/web/components/dashboard/sidebar/ModileSidebar.tsx | 23 | ||||
| -rw-r--r-- | apps/web/components/dashboard/sidebar/Sidebar.tsx | 81 |
2 files changed, 0 insertions, 104 deletions
diff --git a/apps/web/components/dashboard/sidebar/ModileSidebar.tsx b/apps/web/components/dashboard/sidebar/ModileSidebar.tsx deleted file mode 100644 index 777877bf..00000000 --- a/apps/web/components/dashboard/sidebar/ModileSidebar.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import MobileSidebarItem from "@/components/shared/sidebar/ModileSidebarItem"; -import HoarderLogoIcon from "@/public/icons/logo-icon.svg"; -import { ClipboardList, Highlighter, Search, Tag } from "lucide-react"; - -export default async function MobileSidebar() { - return ( - <aside className="w-full"> - <ul className="flex justify-between space-x-2 border-b-black px-5 py-2 pt-5"> - <MobileSidebarItem - logo={<HoarderLogoIcon className="w-5 fill-foreground" />} - path="/dashboard/bookmarks" - /> - <MobileSidebarItem logo={<Search />} path="/dashboard/search" /> - <MobileSidebarItem logo={<ClipboardList />} path="/dashboard/lists" /> - <MobileSidebarItem logo={<Tag />} path="/dashboard/tags" /> - <MobileSidebarItem - logo={<Highlighter />} - path="/dashboard/highlights" - /> - </ul> - </aside> - ); -} diff --git a/apps/web/components/dashboard/sidebar/Sidebar.tsx b/apps/web/components/dashboard/sidebar/Sidebar.tsx deleted file mode 100644 index 0f805a09..00000000 --- a/apps/web/components/dashboard/sidebar/Sidebar.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import { redirect } from "next/navigation"; -import SidebarItem from "@/components/shared/sidebar/SidebarItem"; -import { Separator } from "@/components/ui/separator"; -import { useTranslation } from "@/lib/i18n/server"; -import { api } from "@/server/api/client"; -import { getServerAuthSession } from "@/server/auth"; -import { Archive, Highlighter, Home, Search, Tag } from "lucide-react"; - -import serverConfig from "@hoarder/shared/config"; - -import AllLists from "./AllLists"; - -export default async function Sidebar() { - const { t } = await useTranslation(); - const session = await getServerAuthSession(); - if (!session) { - redirect("/"); - } - - const lists = await api.lists.list(); - - const searchItem = serverConfig.meilisearch - ? [ - { - name: t("common.search"), - icon: <Search size={18} />, - path: "/dashboard/search", - }, - ] - : []; - - const menu: { - name: string; - icon: JSX.Element; - path: string; - }[] = [ - { - name: t("common.home"), - icon: <Home size={18} />, - path: "/dashboard/bookmarks", - }, - ...searchItem, - { - name: t("common.tags"), - icon: <Tag size={18} />, - path: "/dashboard/tags", - }, - { - name: t("common.highlights"), - icon: <Highlighter size={18} />, - path: "/dashboard/highlights", - }, - { - name: t("common.archive"), - icon: <Archive size={18} />, - path: "/dashboard/archive", - }, - ]; - - return ( - <aside className="flex h-[calc(100vh-64px)] w-60 flex-col gap-5 border-r p-4 "> - <div> - <ul className="space-y-2 text-sm font-medium"> - {menu.map((item) => ( - <SidebarItem - key={item.name} - logo={item.icon} - name={item.name} - path={item.path} - /> - ))} - </ul> - </div> - <Separator /> - <AllLists initialData={lists} /> - <div className="mt-auto flex items-center border-t pt-2 text-sm text-gray-400"> - Hoarder v{serverConfig.serverVersion} - </div> - </aside> - ); -} |
