diff options
| author | MohamedBassem <me@mbassem.com> | 2025-08-24 01:42:18 +0300 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2025-08-24 01:42:18 +0300 |
| commit | 8f8ce1641b31f723d60b51bfa1de9560c5438a63 (patch) | |
| tree | 840c0c6ee4cac914285a9bde86682c7979c92a10 /apps | |
| parent | cf06bbb2b56690ccfe29e36cbde0d8a68ad04bad (diff) | |
| download | karakeep-8f8ce1641b31f723d60b51bfa1de9560c5438a63.tar.zst | |
fix: fix nextjs warning about dialog without title in bookmark preview
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx | 13 | ||||
| -rw-r--r-- | apps/web/package.json | 1 |
2 files changed, 13 insertions, 1 deletions
diff --git a/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx b/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx index 77d84ec5..6a204fd3 100644 --- a/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx +++ b/apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx @@ -3,7 +3,13 @@ import { use, useState } from "react"; import { useRouter } from "next/navigation"; import BookmarkPreview from "@/components/dashboard/preview/BookmarkPreview"; -import { Dialog, DialogContent } from "@/components/ui/dialog"; +import { + Dialog, + DialogContent, + DialogHeader, + DialogTitle, +} from "@/components/ui/dialog"; +import { VisuallyHidden } from "@radix-ui/react-visually-hidden"; export default function BookmarkPreviewPage(props: { params: Promise<{ bookmarkId: string }>; @@ -22,6 +28,11 @@ export default function BookmarkPreviewPage(props: { return ( <Dialog open={open} onOpenChange={setOpenWithRouter}> + <VisuallyHidden> + <DialogHeader> + <DialogTitle>Preview</DialogTitle> + </DialogHeader> + </VisuallyHidden> <DialogContent className="h-[90%] max-w-[90%] overflow-hidden p-0" hideCloseBtn={true} diff --git a/apps/web/package.json b/apps/web/package.json index 719dcab7..7e9fe9d9 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -48,6 +48,7 @@ "@radix-ui/react-toast": "^1.2.14", "@radix-ui/react-toggle": "^1.1.9", "@radix-ui/react-tooltip": "^1.2.7", + "@radix-ui/react-visually-hidden": "^1.2.3", "@svgr/webpack": "^8.1.0", "@tanstack/react-query": "^5.80.3", "@tanstack/react-query-devtools": "^5.80.3", |