diff options
Diffstat (limited to 'apps/web/components/dashboard/lists')
| -rw-r--r-- | apps/web/components/dashboard/lists/AllListsView.tsx | 9 | ||||
| -rw-r--r-- | apps/web/components/dashboard/lists/DeleteListButton.tsx | 11 | ||||
| -rw-r--r-- | apps/web/components/dashboard/lists/ListView.tsx | 5 |
3 files changed, 14 insertions, 11 deletions
diff --git a/apps/web/components/dashboard/lists/AllListsView.tsx b/apps/web/components/dashboard/lists/AllListsView.tsx index 81f31cde..acb94edb 100644 --- a/apps/web/components/dashboard/lists/AllListsView.tsx +++ b/apps/web/components/dashboard/lists/AllListsView.tsx @@ -1,12 +1,13 @@ "use client"; +import Link from "next/link"; +import { useNewListModal } from "@/components/dashboard/sidebar/NewListModal"; import { Button } from "@/components/ui/button"; import { api } from "@/lib/trpc"; -import { ZBookmarkList } from "@hoarder/trpc/types/lists"; import { keepPreviousData } from "@tanstack/react-query"; import { Plus } from "lucide-react"; -import Link from "next/link"; -import { useNewListModal } from "@/components/dashboard/sidebar/NewListModal"; + +import type { ZBookmarkList } from "@hoarder/trpc/types/lists"; function ListItem({ name, @@ -19,7 +20,7 @@ function ListItem({ }) { return ( <Link href={path}> - <div className="bg-background rounded-md border border-gray-200 px-4 py-2 text-lg"> + <div className="rounded-md border border-gray-200 bg-background px-4 py-2 text-lg"> <p className="text-nowrap"> {icon} {name} </p> diff --git a/apps/web/components/dashboard/lists/DeleteListButton.tsx b/apps/web/components/dashboard/lists/DeleteListButton.tsx index 5303b217..f5fcb18b 100644 --- a/apps/web/components/dashboard/lists/DeleteListButton.tsx +++ b/apps/web/components/dashboard/lists/DeleteListButton.tsx @@ -1,5 +1,8 @@ "use client"; +import { useState } from "react"; +import { useRouter } from "next/navigation"; +import { ActionButton } from "@/components/ui/action-button"; import { Button } from "@/components/ui/button"; import { Dialog, @@ -10,13 +13,11 @@ import { DialogTitle, DialogTrigger, } from "@/components/ui/dialog"; -import { Trash } from "lucide-react"; -import { useRouter } from "next/navigation"; import { toast } from "@/components/ui/use-toast"; import { api } from "@/lib/trpc"; -import { ActionButton } from "@/components/ui/action-button"; -import { useState } from "react"; -import { ZBookmarkList } from "@hoarder/trpc/types/lists"; +import { Trash } from "lucide-react"; + +import type { ZBookmarkList } from "@hoarder/trpc/types/lists"; export default function DeleteListButton({ list }: { list: ZBookmarkList }) { const [isDialogOpen, setDialogOpen] = useState(false); diff --git a/apps/web/components/dashboard/lists/ListView.tsx b/apps/web/components/dashboard/lists/ListView.tsx index 2d48d9e3..beeea7f1 100644 --- a/apps/web/components/dashboard/lists/ListView.tsx +++ b/apps/web/components/dashboard/lists/ListView.tsx @@ -1,10 +1,11 @@ "use client"; import BookmarksGrid from "@/components/dashboard/bookmarks/BookmarksGrid"; -import { ZBookmark } from "@hoarder/trpc/types/bookmarks"; -import { ZBookmarkListWithBookmarks } from "@hoarder/trpc/types/lists"; import { api } from "@/lib/trpc"; +import type { ZBookmark } from "@hoarder/trpc/types/bookmarks"; +import type { ZBookmarkListWithBookmarks } from "@hoarder/trpc/types/lists"; + export default function ListView({ bookmarks, list: initialData, |
