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/ActionBar.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/ActionBar.tsx')
| -rw-r--r-- | apps/web/components/dashboard/preview/ActionBar.tsx | 117 |
1 files changed, 57 insertions, 60 deletions
diff --git a/apps/web/components/dashboard/preview/ActionBar.tsx b/apps/web/components/dashboard/preview/ActionBar.tsx index f2e3023e..45d67b34 100644 --- a/apps/web/components/dashboard/preview/ActionBar.tsx +++ b/apps/web/components/dashboard/preview/ActionBar.tsx @@ -2,7 +2,6 @@ import { ActionButton } from "@/components/ui/action-button"; import { Tooltip, TooltipContent, - TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip"; import { toast } from "@/components/ui/use-toast"; @@ -52,64 +51,62 @@ export default function ActionBar({ bookmark }: { bookmark: ZBookmark }) { }); return ( - <TooltipProvider> - <div className="flex items-center justify-center gap-3"> - <Tooltip delayDuration={0}> - <TooltipTrigger> - <ActionButton - variant="none" - className="size-14 rounded-full bg-background" - loading={pendingFav} - onClick={() => { - favBookmark({ - bookmarkId: bookmark.id, - favourited: !bookmark.favourited, - }); - }} - > - <FavouritedActionIcon favourited={bookmark.favourited} /> - </ActionButton> - </TooltipTrigger> - <TooltipContent side="bottom"> - {bookmark.favourited ? "Un-favourite" : "Favourite"} - </TooltipContent> - </Tooltip> - <Tooltip delayDuration={0}> - <TooltipTrigger> - <ActionButton - variant="none" - loading={pendingArchive} - className="size-14 rounded-full bg-background" - onClick={() => { - archiveBookmark({ - bookmarkId: bookmark.id, - archived: !bookmark.archived, - }); - }} - > - <ArchivedActionIcon archived={bookmark.archived} /> - </ActionButton> - </TooltipTrigger> - <TooltipContent side="bottom"> - {bookmark.archived ? "Un-archive" : "Archive"} - </TooltipContent> - </Tooltip> - <Tooltip delayDuration={0}> - <TooltipTrigger> - <ActionButton - loading={pendingDeletion} - className="size-14 rounded-full bg-background" - variant="none" - onClick={() => { - deleteBookmark({ bookmarkId: bookmark.id }); - }} - > - <Trash2 /> - </ActionButton> - </TooltipTrigger> - <TooltipContent side="bottom">Delete</TooltipContent> - </Tooltip> - </div> - </TooltipProvider> + <div className="flex items-center justify-center gap-3"> + <Tooltip delayDuration={0}> + <TooltipTrigger> + <ActionButton + variant="none" + className="size-14 rounded-full bg-background" + loading={pendingFav} + onClick={() => { + favBookmark({ + bookmarkId: bookmark.id, + favourited: !bookmark.favourited, + }); + }} + > + <FavouritedActionIcon favourited={bookmark.favourited} /> + </ActionButton> + </TooltipTrigger> + <TooltipContent side="bottom"> + {bookmark.favourited ? "Un-favourite" : "Favourite"} + </TooltipContent> + </Tooltip> + <Tooltip delayDuration={0}> + <TooltipTrigger> + <ActionButton + variant="none" + loading={pendingArchive} + className="size-14 rounded-full bg-background" + onClick={() => { + archiveBookmark({ + bookmarkId: bookmark.id, + archived: !bookmark.archived, + }); + }} + > + <ArchivedActionIcon archived={bookmark.archived} /> + </ActionButton> + </TooltipTrigger> + <TooltipContent side="bottom"> + {bookmark.archived ? "Un-archive" : "Archive"} + </TooltipContent> + </Tooltip> + <Tooltip delayDuration={0}> + <TooltipTrigger> + <ActionButton + loading={pendingDeletion} + className="size-14 rounded-full bg-background" + variant="none" + onClick={() => { + deleteBookmark({ bookmarkId: bookmark.id }); + }} + > + <Trash2 /> + </ActionButton> + </TooltipTrigger> + <TooltipContent side="bottom">Delete</TooltipContent> + </Tooltip> + </div> ); } |