From 8f8ce1641b31f723d60b51bfa1de9560c5438a63 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Sun, 24 Aug 2025 01:42:18 +0300
Subject: fix: fix nextjs warning about dialog without title in bookmark
 preview

---
 .../app/dashboard/@modal/(.)preview/[bookmarkId]/page.tsx   | 13 ++++++++++++-
 apps/web/package.json                                       |  1 +
 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
 
-- 
cgit v1.2.3-70-g09d2