From e0e9ac68defe2222f3cdb4bcb374e14fdc129052 Mon Sep 17 00:00:00 2001
From: andrzej <andrzejjamesstepien@gmail.com>
Date: Wed, 12 Jun 2024 11:00:59 +0200
Subject: [PATCH] add forms+

---
 src/app/publication/create/page.tsx  |  5 +++++
 src/app/ui/forms/genreCheckboxes.tsx |  3 +--
 src/app/ui/forms/pub.tsx             | 11 +++++++++++
 src/app/ui/forms/pubsDropdown.tsx    | 15 +++++++++++++++
 src/app/ui/forms/story.tsx           |  2 +-
 src/app/ui/forms/storyDropdown.tsx   | 15 +++++++++++++++
 src/app/ui/forms/sub.tsx             |  9 +++++++++
 7 files changed, 57 insertions(+), 3 deletions(-)
 create mode 100644 src/app/publication/create/page.tsx
 create mode 100644 src/app/ui/forms/pub.tsx
 create mode 100644 src/app/ui/forms/pubsDropdown.tsx
 create mode 100644 src/app/ui/forms/storyDropdown.tsx
 create mode 100644 src/app/ui/forms/sub.tsx

diff --git a/src/app/publication/create/page.tsx b/src/app/publication/create/page.tsx
new file mode 100644
index 0000000..9814c17
--- /dev/null
+++ b/src/app/publication/create/page.tsx
@@ -0,0 +1,5 @@
+import PubForm from "app/ui/forms/pub";
+
+export default function Page() {
+	return <PubForm />
+}
diff --git a/src/app/ui/forms/genreCheckboxes.tsx b/src/app/ui/forms/genreCheckboxes.tsx
index 4732f65..551afb9 100644
--- a/src/app/ui/forms/genreCheckboxes.tsx
+++ b/src/app/ui/forms/genreCheckboxes.tsx
@@ -4,8 +4,7 @@ import { letterCase } from "app/lib/functions"
 export default async function GenreCheckboxes() {
 	async function getGenres() {
 		"use server"
-		const genres = await prisma.genre.findMany()
-		return genres
+		return prisma.genre.findMany()
 	}
 	const genres = await getGenres()
 	const genreCheckboxes = genres.map(e => {
diff --git a/src/app/ui/forms/pub.tsx b/src/app/ui/forms/pub.tsx
new file mode 100644
index 0000000..9643b33
--- /dev/null
+++ b/src/app/ui/forms/pub.tsx
@@ -0,0 +1,11 @@
+export default async function PubForm() {
+	return <form>
+		<label htmlFor="title">Title:</label>
+		<input type="text" id="title" />
+		<label htmlFor="link">Link:</label>
+		<input type="text" id="link" />
+		<label htmlFor="number" id="query-after" >Query after (days):</label>
+		<input type="number" step="30" />
+		<input type="submit" value="Submit" />
+	</form>
+}
diff --git a/src/app/ui/forms/pubsDropdown.tsx b/src/app/ui/forms/pubsDropdown.tsx
new file mode 100644
index 0000000..c5c8178
--- /dev/null
+++ b/src/app/ui/forms/pubsDropdown.tsx
@@ -0,0 +1,15 @@
+import prisma from "app/lib/db"
+
+export default async function PubsDropdown() {
+	async function getPubs() {
+		"use server"
+		return prisma.pub.findMany()
+	}
+	const pubs = await getPubs()
+	const pubsDropdown = pubs.map(e => {
+		return <option value={e.id} key={e.title}>{e.title}</option>
+	})
+	return <select key="pubsDropdown">
+		{pubsDropdown}
+	</select>
+}
diff --git a/src/app/ui/forms/story.tsx b/src/app/ui/forms/story.tsx
index 8e2ce31..a41052c 100644
--- a/src/app/ui/forms/story.tsx
+++ b/src/app/ui/forms/story.tsx
@@ -4,7 +4,7 @@ export default async function StoryForm() {
 		<label htmlFor="title">Title:</label>
 		<input type="text" id="title" />
 		<label htmlFor="word-count">Word Count:</label>
-		<input type="text" id="word-count" />
+		<input type="number" id="word-count" step="500" />
 		<GenreCheckboxes />
 		<input type="submit" value="Submit" />
 	</form>
diff --git a/src/app/ui/forms/storyDropdown.tsx b/src/app/ui/forms/storyDropdown.tsx
new file mode 100644
index 0000000..8f79f6a
--- /dev/null
+++ b/src/app/ui/forms/storyDropdown.tsx
@@ -0,0 +1,15 @@
+import prisma from "app/lib/db"
+
+export default async function StoryDropdown() {
+	async function getStories() {
+		"use server"
+		return prisma.story.findMany()
+	}
+	const stories = await getStories()
+	const storiesDrowpdown = stories.map(e => {
+		return <option value={e.id} key={`${e.title}`}>{e.title}</option>
+	})
+	return <select key="storyDropdown">
+		{storiesDrowpdown}
+	</select>
+}
diff --git a/src/app/ui/forms/sub.tsx b/src/app/ui/forms/sub.tsx
new file mode 100644
index 0000000..a9d4227
--- /dev/null
+++ b/src/app/ui/forms/sub.tsx
@@ -0,0 +1,9 @@
+import PubsDropdown from "./pubsDropdown";
+import StoryDropdown from "./storyDropdown";
+
+export default async function SubmissionForm() {
+	return <form>
+		<StoryDropdown />
+		<PubsDropdown />
+	</form>
+}