diff options
| author | Mohamed Bassem <me@mbassem.com> | 2025-06-29 18:29:27 +0000 |
|---|---|---|
| committer | Mohamed Bassem <me@mbassem.com> | 2025-07-04 16:27:29 +0000 |
| commit | ad92fa246272f096104b5da08cf78b9e22025693 (patch) | |
| tree | ec2f0fc139c63fa3220af2cf9da050dbec9f4fdd | |
| parent | 4776b4cdeb8f2d6554801eaba7b9a385de572c7b (diff) | |
| download | karakeep-ad92fa246272f096104b5da08cf78b9e22025693.tar.zst | |
fix(web): Add icons to preview selectors
| -rw-r--r-- | apps/web/components/dashboard/preview/LinkContentSection.tsx | 23 |
1 files changed, 19 insertions, 4 deletions
diff --git a/apps/web/components/dashboard/preview/LinkContentSection.tsx b/apps/web/components/dashboard/preview/LinkContentSection.tsx index f0277f3b..e86be6b7 100644 --- a/apps/web/components/dashboard/preview/LinkContentSection.tsx +++ b/apps/web/components/dashboard/preview/LinkContentSection.tsx @@ -14,6 +14,7 @@ import { toast } from "@/components/ui/use-toast"; import { useTranslation } from "@/lib/i18n/client"; import { api } from "@/lib/trpc"; import { ScrollArea } from "@radix-ui/react-scroll-area"; +import { Archive, BookOpen, Camera, Video } from "lucide-react"; import { useCreateHighlight, @@ -200,12 +201,20 @@ export default function LinkContentSection({ </SelectTrigger> <SelectContent> <SelectGroup> - <SelectItem value="cached">{t("preview.reader_view")}</SelectItem> + <SelectItem value="cached"> + <div className="flex items-center"> + <BookOpen className="mr-2 h-4 w-4" /> + {t("preview.reader_view")} + </div> + </SelectItem> <SelectItem value="screenshot" disabled={!bookmark.content.screenshotAssetId} > - {t("common.screenshot")} + <div className="flex items-center"> + <Camera className="mr-2 h-4 w-4" /> + {t("common.screenshot")} + </div> </SelectItem> <SelectItem value="archive" @@ -214,10 +223,16 @@ export default function LinkContentSection({ !bookmark.content.precrawledArchiveAssetId } > - {t("common.archive")} + <div className="flex items-center"> + <Archive className="mr-2 h-4 w-4" /> + {t("common.archive")} + </div> </SelectItem> <SelectItem value="video" disabled={!bookmark.content.videoAssetId}> - {t("common.video")} + <div className="flex items-center"> + <Video className="mr-2 h-4 w-4" /> + {t("common.video")} + </div> </SelectItem> </SelectGroup> </SelectContent> |