From 1fca1a2b8120fcd13f9e1618ac0693ccc19f751b Mon Sep 17 00:00:00 2001
From: andrzej <andrzejjamesstepien@gmail.com>
Date: Thu, 27 Jun 2024 16:49:56 +0200
Subject: [PATCH] partially implement multi-delete button

---
 prisma/dev.db                    | Bin 69632 -> 69632 bytes
 src/app/lib/del.ts               |   3 ++-
 src/app/submission/page.tsx      |   1 +
 src/app/tailwind.css             |   4 ++++
 src/app/types.ts                 |   1 +
 src/app/ui/tables/data-table.tsx |  19 ++++++++++++++++---
 6 files changed, 24 insertions(+), 4 deletions(-)
 create mode 100644 src/app/types.ts

diff --git a/prisma/dev.db b/prisma/dev.db
index 77e4e7be444587006196a934e1af1bbd15fa2d41..f064208cf83cca64c67e47645650cf401d0f9cf2 100644
GIT binary patch
delta 508
zcmaKoJ4*vW6h`N+o6Ke=vp11Mg9#W##70=bSDDp9T@WmMv=*_j5iDY1W7fjbBrGy*
z1bZKgh>bxDK`iti2%?>hjUh;gyOFG&-0pnm4tKs{RV`N4avExt%q-N-*H88`Os^As
z!zXmGfU9VtfeGx=>;AZL<4$*84|57$Izy$3N(kw5u1oV28zg}{#9`$T*C;<=)JrI+
zUCa-hP<1$TkMDTn8r28%x2W4ZRkH%Wy|n{^U-*e1PV9NmHJ%^aLdb2sC|MyIBt~}`
zo@1V09O;nKFhxiGaR*|pu<GTDa*V<PvyvJiU<(3rn!-#kwRs}aCbj^&wvo?Tg{`b1
zZv{-rqz0y3(ZK29-GQVm7dC#SaT(WPQcgs`Ofj3s|5v2Spu#x@mON&#FCsSA|B%69
zU-ys}ps?KLkdt#dn8G_Y8U(V&z3WO*Fgdk&@GGARN-fqQVL9eK090-YD0`(s|5Z~!
Z8kp77QT!@qxvCLpH=`)+6?ulR^aH^mbR7Ty

delta 507
zcmaivzb`{k6vyxByRYxpz4xfJ+JvD*#L}on{Ma-WGzKB8B()gCpjMtiOxk*pyBOYJ
z7hXgx5(Z+@|3D&a7K^5lrk<9zo1Eq3dp@7!e0N>C>(W9u+!TAJ;O2bgbf?D>WrDBx
zgqP@G4wo>ENerVR%A)Lrl6S&+Ih+g-;`HZ>G^SAET<50^LP!L+3054vFzBTU56Dzd
z0H|XAoE+61P%C(kZ(h=UL>i<3UiFN|u`cct{KOA@$1g{e`n*)hN2mgZS9=b`xphH0
zv;@I(%<{^yfS9f&8sqhL)PgkAr4u=<!3@nrez&O2!Uh4bxy?b*me;cJ+1y4vDQ`K9
z$*>M-xunBUly$bKz+!H#L5;|efKfSOKssi#&_9S&O(-yiElj#5>~WikwrI%mBXL0T
z&9CGfgS7eg+VF&&7ck~qtj+R~Ju74Bb%}sdces`@n@Lb^qTgnnL!R19H?FE2x*?)A
TfxyD*R-@K<y%v}<i*WJ{m0NRU

diff --git a/src/app/lib/del.ts b/src/app/lib/del.ts
index f30819a..0589b04 100644
--- a/src/app/lib/del.ts
+++ b/src/app/lib/del.ts
@@ -2,6 +2,7 @@
 import { revalidatePath } from "next/cache";
 import prisma from "./db";
 import { redirect } from "next/navigation";
+import { Pathname } from "app/types";
 
 const tableMap = {
 	"/story": "story",
@@ -9,7 +10,7 @@ const tableMap = {
 	"/submission": "sub"
 }
 
-export async function deleteRecord(id: number, pathname: "/story" | "/publication" | "/submission") {
+export async function deleteRecord(id: number, pathname: Pathname) {
 	const table = tableMap[pathname]
 	const res = await prisma[table].delete({ where: { id } })
 	console.log(`deleted from ${table}: ${res.id}`)
diff --git a/src/app/submission/page.tsx b/src/app/submission/page.tsx
index 09896d6..473f642 100644
--- a/src/app/submission/page.tsx
+++ b/src/app/submission/page.tsx
@@ -3,6 +3,7 @@ import { DataTable } from "app/ui/tables/data-table"
 import { columns } from "./columns"
 import { Pub, Response, Story, Sub } from "@prisma/client"
 import CreateSubmissionDialog from "./create"
+import { Trash2 } from "lucide-react"
 
 export type SubComplete = Sub & {
   pub: Pub,
diff --git a/src/app/tailwind.css b/src/app/tailwind.css
index 891070a..985ae03 100644
--- a/src/app/tailwind.css
+++ b/src/app/tailwind.css
@@ -1055,6 +1055,10 @@ video {
   align-items: baseline;
 }
 
+.justify-start {
+  justify-content: flex-start;
+}
+
 .justify-end {
   justify-content: flex-end;
 }
diff --git a/src/app/types.ts b/src/app/types.ts
new file mode 100644
index 0000000..c3e65d5
--- /dev/null
+++ b/src/app/types.ts
@@ -0,0 +1 @@
+export type Pathname = "/story" | "/publication" | "/submission"
diff --git a/src/app/ui/tables/data-table.tsx b/src/app/ui/tables/data-table.tsx
index 215030e..505cf31 100644
--- a/src/app/ui/tables/data-table.tsx
+++ b/src/app/ui/tables/data-table.tsx
@@ -37,9 +37,11 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table"
-import { EyeIcon } from "lucide-react"
+import { EyeIcon, Trash2 } from "lucide-react"
 import { usePathname } from "next/navigation"
 import FormContextMenu from "./contextMenu"
+import { deleteRecords } from "app/lib/del"
+import { Pathname } from "app/types"
 
 interface DataTableProps<TData, TValue> {
   columns: ColumnDef<TData, TValue>[]
@@ -78,10 +80,10 @@ export function DataTable<TData, TValue>({
       columnVisibility,
     }
   })
-  const pathname = usePathname()
+  const pathname: Pathname = usePathname()
   const [filterBy, setFilterBy] = useState(table.getAllColumns()[0])
   return (<>
-    <div className="flex justify-between py-4">
+    <div className="flex justify-between items-center py-4">
       <div className="flex gap-2">
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
@@ -116,6 +118,17 @@ export function DataTable<TData, TValue>({
 
       {children}
 
+      <Button variant="destructive" disabled={!table.getIsSomeRowsSelected()}
+        onClick={() => {
+          const selectedRows = table.getState().rowSelection
+          const rowIds = Object.keys(selectedRows)
+          const recordIds = rowIds.map(id => Number(table.getRow(id).original.id))
+          console.table(recordIds)
+          deleteRecords(recordIds, pathname)
+        }}
+      >
+        <Trash2 />
+      </Button>
 
       <DropdownMenu>
         <DropdownMenuTrigger asChild>