diff options
| -rw-r--r-- | apps/web/app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx | 13 | ||||
| -rw-r--r-- | apps/web/package.json | 1 | ||||
| -rw-r--r-- | pnpm-lock.yaml | 7 |
3 files changed, 18 insertions, 3 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", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d3015eb3..c5ba2e60 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -570,6 +570,9 @@ importers: '@radix-ui/react-tooltip': specifier: ^1.2.7 version: 1.2.7(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0) + '@radix-ui/react-visually-hidden': + specifier: ^1.2.3 + version: 1.2.3(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0) '@svgr/webpack': specifier: ^8.1.0 version: 8.1.0(typescript@5.8.3) @@ -17273,7 +17276,7 @@ snapshots: '@docusaurus/react-loadable@6.0.0(react@19.1.0)': dependencies: - '@types/react': 19.1.8 + '@types/react': 19.1.11 react: 19.1.0 '@docusaurus/theme-classic@3.8.1(@types/react@19.1.11)(acorn@8.15.0)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(typescript@5.8.3)': @@ -21438,7 +21441,7 @@ snapshots: babel-plugin-macros@3.1.0: dependencies: - '@babel/runtime': 7.27.6 + '@babel/runtime': 7.28.3 cosmiconfig: 7.1.0 resolve: 1.22.10 |