From ae759de1642638b1b13bcc6e431327e69e214b4b Mon Sep 17 00:00:00 2001
From: andrzej <andrzejjamesstepien@gmail.com>
Date: Wed, 26 Jun 2024 19:55:18 +0200
Subject: [PATCH] implement basic create submission popover functionality

---
 prisma/dev.db                 | Bin 69632 -> 69632 bytes
 src/app/lib/create.ts         |  10 ++++++++++
 src/app/submission/create.tsx |  33 +++++++++++++++++++++++++++++++++
 src/app/submission/page.tsx   |  14 ++++++++++++--
 src/app/ui/forms/sub.tsx      |   9 ++++-----
 5 files changed, 59 insertions(+), 7 deletions(-)
 create mode 100644 src/app/submission/create.tsx

diff --git a/prisma/dev.db b/prisma/dev.db
index 3c8070ab25e9c624d7478bb61e6fe85680a85b4f..1a131c9c5f518aa70e083aa9071d713a115d51be 100644
GIT binary patch
delta 740
zcmZ`!O=uHA7~Sdq%#0>|Nj8oBZ?ZY)B@l9G^&(Wof;qHWZNZC8-J}g@V@w0;sihaa
zn6`^V5N!{FP!H7v?L`o&AXKOpK?SP?D}`F6pm@<ko!z~7ab|dr`R4oHdownxjLj;O
zO=MxJ`7l{{I56BD4SBfSLQbR$7jh$ow3mD2J*0OuckyzRdS#vT6bHGr)!k69AtB)j
zZXu5@d_@BL-Cgy^L#WfaDm65bf|)W4&Pf%_nALTrY+!GU^q$Sej%LICK_<Fdh})78
zlrdA8eU$+v+_)REgfDo7N3c*tA370-fgogI@VwUgd_8gyQAMh0Q&$T)u?Ej)M?Hop
zG^neG#5I@mMBH1-%!>#JyUj<ksdKrZVmfSfmKJ3l6BeCpV<=-1*DxW(PoYuKWlo}M
zKqf>sRKK7aL-C24Vcnh?GIZo6{KO~B<Er@nH@wAT+!GRGSjG%WxKwSOO`=s(I3ZD;
zD#X?aI9y}+owDJxO7q1a!;*yGLhL&>u!i?o!BW-#pn_(V+3sAWwmVlfK?+k<yU3~=
zPg{K=`?N)0i|luC2RAV-vYV*4JEFRcM!-S8gFb6+?X<94wC%R=1M7H+4_L$-VRs)Q
zjMm7R8<A6o6{fk-nQE<XM*<8h68_*9wy`P3KjK~0H&DS;4|hyCvyC{lk!cR9*5*!=
ztkc*HN+KG4L9ftQHR9XRLdg)52pRWEM5g^|GkmN#5>B+2kJplpP_piSZwKmv+!-79
e{xcUZKl74~T_=Z&u1vh_uO;oov(U%L9Q_NR%&tfP

delta 376
zcmXwxJxBs!0EX}D4(<f)wH*4hx-%*o6cdNWBv5E65)522>#D2h#~;Map`j^_k8lXd
zEx4thqgtYdped@Uu^>wji=t?#hC0J|mlvLgCza<?c`nmJ)OG6sQTIYKLmd{Qfo&xt
za&&2NAu5{;Mz(?YV~dewJ8xnwWH=t?X?durk%N!HF*dObAHwMSpH}Cz0(fGkYB~kW
zYGQnLQb|zXSk~6rZ72Q-#qL$aQCXgwPevz{DJAiD9Wgl?3+{(Fv7U#A!2_;v0E##Q
z@aV~lT6(`GWt(e>z0Mm^#KHK2*y|QuPM2GBQcwDf1#*<nv};m-0yMWZZ3EH_-f@c^
zJmCh1*hUtY*g_hgIL9MS^sWM$-iaGI6d8Q!_A`o_^ty}ne3w={Z8PgxmGak>><XxQ
x7u3~4MJ?kEg{s;?3onumN({d7fftmjpof-zT3E9X*x-qzNoI#|6cC8Y{{mepeVYIP

diff --git a/src/app/lib/create.ts b/src/app/lib/create.ts
index 63cf474..cf41f49 100644
--- a/src/app/lib/create.ts
+++ b/src/app/lib/create.ts
@@ -47,3 +47,13 @@ export async function createPub(data) {
 	redirect("/publication")
 }
 
+
+
+export async function createSub(data) {
+	"use server"
+	const res = await prisma.sub.create({ data })
+	console.log(res)
+	revalidatePath("/submission")
+	redirect("/submission")
+
+}
diff --git a/src/app/submission/create.tsx b/src/app/submission/create.tsx
new file mode 100644
index 0000000..537ae58
--- /dev/null
+++ b/src/app/submission/create.tsx
@@ -0,0 +1,33 @@
+
+"use client"
+import { createStory, createSub } from "app/lib/create"
+import { Dialog, DialogHeader, DialogTrigger, DialogContent, DialogClose, DialogTitle, DialogFooter, DialogDescription } from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { ComponentProps } from "react";
+import { Genre, Pub, Story } from "@prisma/client";
+import StoryForm from "app/ui/forms/story";
+import SubmissionForm from "app/ui/forms/sub";
+import { getPubs, getResponses, getStories } from "app/lib/get";
+
+
+export default function CreateSubmissionDialog({ stories, pubs, responses }: ComponentProps<"div"> & { stories: Story[], pubs: Pub[], responses: Response[] }) {
+
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button>Create new Story</Button>
+      </DialogTrigger>
+      <DialogContent>
+        <DialogHeader>
+          <DialogTitle>New story</DialogTitle>
+          <DialogDescription>Create an entry for a new story i.e. a thing you intend to submit for publication.</DialogDescription>
+        </DialogHeader>
+        <SubmissionForm createSub={createSub} pubs={pubs} responses={responses} stories={stories} />
+        <DialogFooter>
+          <Button form="subform">Submit</Button>
+        </DialogFooter>
+
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/src/app/submission/page.tsx b/src/app/submission/page.tsx
index 5d7ccb1..09896d6 100644
--- a/src/app/submission/page.tsx
+++ b/src/app/submission/page.tsx
@@ -1,7 +1,8 @@
-import { getSubsComplete } from "app/lib/get"
+import { getGenres, getPubs, getResponses, getStories, getSubsComplete } from "app/lib/get"
 import { DataTable } from "app/ui/tables/data-table"
 import { columns } from "./columns"
 import { Pub, Response, Story, Sub } from "@prisma/client"
+import CreateSubmissionDialog from "./create"
 
 export type SubComplete = Sub & {
   pub: Pub,
@@ -10,9 +11,18 @@ export type SubComplete = Sub & {
 }
 export default async function Page() {
   const subs: Array<SubComplete> = await getSubsComplete()
+  const stories = await getStories()
+  const pubs = await getPubs()
+  const responses = await getResponses()
   return (
     <div className="container">
-      <DataTable data={subs} columns={columns} type="submission" />
+      <DataTable data={subs} columns={columns} type="submission">
+        <CreateSubmissionDialog
+          stories={stories}
+          pubs={pubs}
+          responses={responses}
+        />
+      </DataTable>
     </div>
   )
 }
diff --git a/src/app/ui/forms/sub.tsx b/src/app/ui/forms/sub.tsx
index 52a6496..ac46fec 100644
--- a/src/app/ui/forms/sub.tsx
+++ b/src/app/ui/forms/sub.tsx
@@ -123,7 +123,7 @@ export default function SubmissionForm({ stories, pubs, responses, createSub })
 
 	return (
 		<Form {...form}>
-			<form onSubmit={form.handleSubmit(onSubmit, onErrors)} className="space-y-8">
+			<form id="subform" onSubmit={form.handleSubmit(onSubmit, onErrors)} className="space-y-8">
 				<FormField
 					control={form.control}
 					name="storyId"
@@ -177,7 +177,7 @@ export default function SubmissionForm({ stories, pubs, responses, createSub })
 					render={({ field }) => (
 						<FormItem className="flex flex-col">
 							<FormLabel>Date of submission</FormLabel>
-							<Popover open={isSubCalendarOpen} onOpenChange={setIsSubCalendarOpen}>
+							<Popover modal={true} open={isSubCalendarOpen} onOpenChange={setIsSubCalendarOpen}>
 								<PopoverTrigger asChild>
 									<FormControl>
 										<Button
@@ -222,7 +222,7 @@ export default function SubmissionForm({ stories, pubs, responses, createSub })
 					render={({ field }) => (
 						<FormItem className="flex flex-col">
 							<FormLabel>Date of response</FormLabel>
-							<Popover open={isRespCalendarOpen} onOpenChange={setIsRespCalendarOpen}>
+							<Popover modal={true} open={isRespCalendarOpen} onOpenChange={setIsRespCalendarOpen}>
 								<PopoverTrigger asChild>
 									<FormControl>
 										<Button
@@ -276,7 +276,7 @@ export default function SubmissionForm({ stories, pubs, responses, createSub })
 										</SelectValue>
 									</SelectTrigger>
 								</FormControl>
-								<SelectContent>
+								<SelectContent aria-modal={true}>
 									{reponsesSelectItems}
 								</SelectContent>
 							</Select>
@@ -286,7 +286,6 @@ export default function SubmissionForm({ stories, pubs, responses, createSub })
 					)}
 				/>
 
-				<Button type="submit">Submit</Button>
 			</form>
 		</Form>
 	)