aboutsummaryrefslogtreecommitdiffstats
path: root/apps/web/components/dashboard/lists
diff options
context:
space:
mode:
Diffstat (limited to 'apps/web/components/dashboard/lists')
-rw-r--r--apps/web/components/dashboard/lists/AllListsView.tsx9
-rw-r--r--apps/web/components/dashboard/lists/DeleteListButton.tsx11
-rw-r--r--apps/web/components/dashboard/lists/ListView.tsx5
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,