fix: serve backups as json file

app/api/download/backup/[name]/route.ts

@@ -0,0 +1,8 @@
+import { fetchBackup } from "@/lib/actions";
+import { NextResponse } from "next/server";
+
+export async function GET(req: Request, { params }: { params: { name: string } }) {
+    const name = decodeURIComponent(params.name);
+    const backup = await fetchBackup(name);
+    return NextResponse.json(backup);
+}

app/panel/backups/[name]/page.tsx

@@ -1,18 +0,0 @@
-import { JsonCard } from "@/components/cards/JsonCard";
-import { Card, CardHeader, CardTitle } from "@/components/ui/card";
-import { fetchBackup } from "@/lib/actions"
-
-export default async function Report({ params }: { params: { name: string } }) {
-  const name = decodeURIComponent(params.name);
-  const backup = await fetchBackup(name);
-
-  return <>
-    <Card>
-      <CardHeader>
-        <CardTitle>{name}</CardTitle>
-      </CardHeader>
-    </Card>
-    <br />
-    <JsonCard obj={backup} />
-  </>
-}

app/panel/backups/page.tsx

@@ -22,9 +22,9 @@ export default async function Backups() {
               <TableCell>{backup.name}</TableCell>
               <TableCell>{backup.type}</TableCell>
               <TableCell>
-                <Link href={`/panel/backups/${encodeURIComponent(backup.name)}`}>
+                <Link target="_blank" href={`/api/download/backup/${encodeURIComponent(backup.name)}`}>
                   <Button>
-                    Open
+                    Download
                   </Button>
                 </Link>
               </TableCell>