External/portabase
1
0
Fork 0
mirror of https://github.com/Portabase/portabase.git synced 2026-07-14 11:16:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

migration

Browse Source
This commit is contained in:
Théo LAGACHE
2025-05-16 15:54:17 +02:00
parent 01019fe1a3
commit 6f2523e524
285 changed files with 15492 additions and 46090 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/dashboard/backup/columns.tsx
+69 -62
View File
@@ -1,25 +1,25 @@
"use client"
"use client";
import {ColumnDef} from "@tanstack/react-table"
import { ColumnDef } from "@tanstack/react-table";
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuLabel, DropdownMenuSeparator,
DropdownMenuTrigger
DropdownMenuLabel,
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import {Button} from "@/components/ui/button";
import {Download, MoreHorizontal, Trash2} from "lucide-react";
import {ReloadIcon} from "@radix-ui/react-icons";
import {Backup} from "@prisma/client";
import {getFileUrlPresignedLocal} from "@/features/upload/private/upload.action";
import {useMutation} from "@tanstack/react-query";
import {createRestorationAction, deleteBackupAction} from "@/features/dashboard/restore/restore.action";
import {toast} from "sonner";
import {useRouter} from "next/navigation";
import {StatusBadge} from "@/components/wrappers/common/status-badge";
import {TooltipCustom} from "@/components/wrappers/common/tooltipCustom/TooltipCustom";
import { Button } from "@/components/ui/button";
import { Download, MoreHorizontal, Trash2 } from "lucide-react";
import { ReloadIcon } from "@radix-ui/react-icons";
import { Backup } from "@prisma/client";
import { getFileUrlPresignedLocal } from "@/features/upload/private/upload.action";
import { useMutation } from "@tanstack/react-query";
import { createRestorationAction, deleteBackupAction } from "@/features/dashboard/restore/restore.action";
import { toast } from "sonner";
import { useRouter } from "next/navigation";
import { StatusBadge } from "@/components/wrappers/common/status-badge";
import { TooltipCustom } from "@/components/wrappers/common/tooltipCustom/TooltipCustom";
export const backupColumns: ColumnDef<Backup>[] = [
{
@@ -29,107 +29,114 @@ export const backupColumns: ColumnDef<Backup>[] = [
{
accessorKey: "createdAt",
header: "Created At",
cell: ({row}) => {
cell: ({ row }) => {
return new Date(row.getValue("createdAt")).toLocaleString("fr-FR");
},
},
{
accessorKey: "status",
header: "Status",
cell: ({row}) => {
return <StatusBadge status={row.getValue("status")}/>
cell: ({ row }) => {
return <StatusBadge status={row.getValue("status")} />;
},
},
{
id: "actions",
cell: ({row, table}) => {
const status = row.getValue("status")
const rowData: Backup = row.original
const fileName = rowData.file
cell: ({ row, table }) => {
const status = row.getValue("status");
const rowData: Backup = row.original;
const fileName = rowData.file;
// @ts-ignore
const {extendedProps} = table.options.meta;
const router = useRouter()
const { extendedProps } = table.options.meta;
const router = useRouter();
const mutationRestore = useMutation({
mutationFn: async () => {
const restoration = await createRestorationAction({
backupId: rowData.id,
databaseId: rowData.databaseId
})
databaseId: rowData.databaseId,
});
if (restoration.data.success) {
toast.success(restoration.data.actionSuccess?.message || "Restoration created successfully!");
router.refresh()
router.refresh();
} else {
toast.error(restoration.serverError || "Failed to create restoration.");
}
}})
},
});
const mutationDeleteBackup = useMutation({
const mutationDeleteBackup = useMutation({
mutationFn: async () => {
const restoration = await deleteBackupAction({
backupId: rowData.id,
databaseId: rowData.databaseId
})
databaseId: rowData.databaseId,
});
if (restoration.data.success) {
toast.success(restoration.data.actionSuccess.message);
router.refresh()
router.refresh();
} else {
toast.error(restoration.data.actionError.message);
}
}})
},
});
const handleRestore = async () => {
await mutationRestore.mutateAsync()
}
await mutationRestore.mutateAsync();
};
const handleDelete = async () => {
await mutationDeleteBackup.mutateAsync()
}
await mutationDeleteBackup.mutateAsync();
};
const handleDownload = async (fileName: string) => {
const url = await getFileUrlPresignedLocal(fileName)
window.open(url, '_self');
}
const url = await getFileUrlPresignedLocal(fileName);
window.open(url, "_self");
};
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="ghost" className="h-8 w-8 p-0">
<span className="sr-only">Open menu</span>
<MoreHorizontal className="h-4 w-4"/>
<MoreHorizontal className="h-4 w-4" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuLabel>Actions</DropdownMenuLabel>
{status == "success" ?
{status == "success" ? (
<>
<TooltipCustom disabled={extendedProps} text="Already a restoration waiting">
<DropdownMenuItem disabled={mutationRestore.isPending || extendedProps}
onClick={async () => {
await handleRestore()
}}>
<ReloadIcon/> Restore
<DropdownMenuItem
disabled={mutationRestore.isPending || extendedProps}
onClick={async () => {
await handleRestore();
}}
>
<ReloadIcon /> Restore
</DropdownMenuItem>
</TooltipCustom>
<DropdownMenuItem onClick={async () => {
await handleDownload(fileName)
}}>
<Download/> Download
<DropdownMenuItem
onClick={async () => {
await handleDownload(fileName);
}}
>
<Download /> Download
</DropdownMenuItem>
</>
: null}
<DropdownMenuSeparator/>
<DropdownMenuItem className="text-red-600" onClick={async () => {
await handleDelete()
}}>
<Trash2/> Delete
) : null}
<DropdownMenuSeparator />
<DropdownMenuItem
className="text-red-600"
onClick={async () => {
await handleDelete();
}}
>
<Trash2 /> Delete
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
)
);
},
},
]
];