diff options
| author | MohamedBassem <me@mbassem.com> | 2024-04-07 19:02:52 +0100 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-04-07 19:02:52 +0100 |
| commit | 994691b02515dfb579a5c3618631065bd76b9e4b (patch) | |
| tree | e9a3444d31bb7187d59ffe3cc3d27318a282411f /apps/web/components/dashboard/preview/BookmarkPreview.tsx | |
| parent | 79d61be7e15dc5d23fb687a5f71e0097088a99ac (diff) | |
| download | karakeep-994691b02515dfb579a5c3618631065bd76b9e4b.tar.zst | |
refactor(web): Move the tooltip provider to the root of the app
Diffstat (limited to 'apps/web/components/dashboard/preview/BookmarkPreview.tsx')
| -rw-r--r-- | apps/web/components/dashboard/preview/BookmarkPreview.tsx | 45 |
1 files changed, 20 insertions, 25 deletions
diff --git a/apps/web/components/dashboard/preview/BookmarkPreview.tsx b/apps/web/components/dashboard/preview/BookmarkPreview.tsx index bd7881a3..cf8bc2d8 100644 --- a/apps/web/components/dashboard/preview/BookmarkPreview.tsx +++ b/apps/web/components/dashboard/preview/BookmarkPreview.tsx @@ -8,7 +8,6 @@ import { Tooltip, TooltipContent, TooltipPortal, - TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip"; import { @@ -41,18 +40,16 @@ function ContentLoading() { function CreationTime({ createdAt }: { createdAt: Date }) { return ( - <TooltipProvider> - <Tooltip delayDuration={0}> - <TooltipTrigger asChild> - <span className="flex w-fit gap-2"> - <CalendarDays /> {dayjs(createdAt).fromNow()} - </span> - </TooltipTrigger> - <TooltipPortal> - <TooltipContent>{createdAt.toLocaleString()}</TooltipContent> - </TooltipPortal> - </Tooltip> - </TooltipProvider> + <Tooltip delayDuration={0}> + <TooltipTrigger asChild> + <span className="flex w-fit gap-2"> + <CalendarDays /> {dayjs(createdAt).fromNow()} + </span> + </TooltipTrigger> + <TooltipPortal> + <TooltipContent>{createdAt.toLocaleString()}</TooltipContent> + </TooltipPortal> + </Tooltip> ); } @@ -65,18 +62,16 @@ function LinkHeader({ bookmark }: { bookmark: ZBookmark }) { return ( <div className="flex w-full flex-col items-center justify-center space-y-3"> - <TooltipProvider> - <Tooltip> - <TooltipTrigger asChild> - <p className="line-clamp-2 text-center text-lg">{title}</p> - </TooltipTrigger> - <TooltipPortal> - <TooltipContent side="bottom" className="w-96"> - {title} - </TooltipContent> - </TooltipPortal> - </Tooltip> - </TooltipProvider> + <Tooltip> + <TooltipTrigger asChild> + <p className="line-clamp-2 text-center text-lg">{title}</p> + </TooltipTrigger> + <TooltipPortal> + <TooltipContent side="bottom" className="w-96"> + {title} + </TooltipContent> + </TooltipPortal> + </Tooltip> <Link href={bookmark.content.url} className="mx-auto flex gap-2 text-gray-400" |