It's starting to work

aamirazad · Jun 25, 2024 · db22485 · db22485
1 parent f1ee4be
commit db22485
Show file tree

Hide file tree

Showing 9 changed files with 20 additions and 49 deletions.
diff --git a/src/app/@modal/(.)/paperless-documents/modal.tsx b/src/app/@modal/(.)/paperless-documents/modal.tsx
diff --git a/src/app/@modal/(.)/paperless-documents/page.tsx b/src/app/@modal/(.)/paperless-documents/page.tsx
diff --git a/src/app/@modal/(.)paperless/document/[id]/page.tsx b/src/app/@modal/(.)paperless/document/[id]/page.tsx
@@ -0,0 +1,7 @@
+export default function DocumentPage({
+    params: { id },
+  }: {
+    params: { id: string };
+  }) {
+    return <div>{id}</div>;
+  }
diff --git a/src/app/@modal/default.tsx b/src/app/@modal/default.tsx
@@ -1,3 +1,3 @@
-export default function Default() {
+export default function DefaultModal() {
     return null;
   }
diff --git a/src/app/documents/[id]/page.tsx b/src/app/documents/[id]/page.tsx
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -15,8 +15,10 @@ export const metadata = {
 
 export default function RootLayout({
   children,
+  modal,
 }: {
   children: React.ReactNode;
+  modal: React.ReactNode;
 }) {
   return (
     <ClerkProvider
@@ -40,6 +42,8 @@ export default function RootLayout({
                 {children}
               </div>
             </div>
+            {modal}
+            <div id="modal-root" />
           </ThemeProvider>
         </body>
       </html>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,4 +1,5 @@
 import OpenLinkInNewPage from "@/components/open-link-in-new-page";
+import Link from "next/link";
 
 export default async function HomePage() {
   return (
@@ -13,6 +14,7 @@ export default async function HomePage() {
           to get started.
         </div>
         <div>Or sign in to access the dashboard.</div>
+        <Link href="/documents/12">Buttom</Link>
       </div>
     </main>
   );

diff --git a/src/app/paperless/page.tsx b/src/app/paperless/page.tsx
@@ -143,15 +143,12 @@ function DocumentsPage() {
       <ul className="list-disc">
         {paperlessDocumentMap.map((document, index) => (
           <li className="underline" key={index}>
-            <a
-              rel="noopener noreferrer"
-              target="_blank"
-              className="text-blue-600 underline hover:text-blue-800"
-              href={`${paperlessURL}/api/documents/${document.id}/preview/#search="${query}"`}
+            <Link
+              className="underline hover:text-slate-300"
+              href={`/documents/${document.id}`}
             >
               {document.title}
-              <ExternalLink size={16} className="mx-1 inline-block" />
-            </a>
+            </Link>
           </li>
         ))}
       </ul>

diff --git a/src/components/topnav.tsx b/src/components/topnav.tsx
@@ -124,7 +124,7 @@ export function TopNav() {
         {/* Desktop links */}
         <div className="hidden h-full items-center rounded-r bg-slate-300 dark:bg-slate-700 md:flex">
           <Link
-            href="paperless"
+            href="/paperless"
             className={buttonVariants({ variant: "link" })}
           >
             Paperless-ngx
@@ -153,7 +153,7 @@ export function TopNav() {
               <DropdownMenuLabel>Links</DropdownMenuLabel>
               <DropdownMenuItem asChild>
                 <Link
-                  href="paperless"
+                  href="/paperless"
                   className={buttonVariants({ variant: "link" })}
                 >
                   Paperless-ngx