diff options
Diffstat (limited to 'apps/web/components/dashboard/bookmarks/BookmarkPreview.tsx')
| -rw-r--r-- | apps/web/components/dashboard/bookmarks/BookmarkPreview.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/apps/web/components/dashboard/bookmarks/BookmarkPreview.tsx b/apps/web/components/dashboard/bookmarks/BookmarkPreview.tsx index 2a8ae1b1..69aa60a3 100644 --- a/apps/web/components/dashboard/bookmarks/BookmarkPreview.tsx +++ b/apps/web/components/dashboard/bookmarks/BookmarkPreview.tsx @@ -1,14 +1,15 @@ "use client"; +import Link from "next/link"; import { BackButton } from "@/components/ui/back-button"; import { Skeleton } from "@/components/ui/skeleton"; import { isBookmarkStillCrawling } from "@/lib/bookmarkUtils"; import { api } from "@/lib/trpc"; -import { ZBookmark } from "@hoarder/trpc/types/bookmarks"; import { ArrowLeftCircle, CalendarDays, ExternalLink } from "lucide-react"; -import Link from "next/link"; import Markdown from "react-markdown"; +import type { ZBookmark } from "@hoarder/trpc/types/bookmarks"; + export default function BookmarkPreview({ initialData, }: { @@ -37,7 +38,7 @@ export default function BookmarkPreview({ const linkHeader = bookmark.content.type == "link" && ( <div className="flex flex-col space-y-2"> <p className="text-center text-3xl"> - {bookmark.content.title || bookmark.content.url} + {bookmark.content.title ?? bookmark.content.url} </p> <Link href={bookmark.content.url} className="mx-auto flex gap-2"> <span className="my-auto">View Original</span> @@ -72,7 +73,7 @@ export default function BookmarkPreview({ } return ( - <div className="bg-background m-4 min-h-screen space-y-4 rounded-md border p-4"> + <div className="m-4 min-h-screen space-y-4 rounded-md border bg-background p-4"> <div className="flex justify-between"> <BackButton className="ghost" variant="ghost"> <ArrowLeftCircle /> |