src/app/lib/functions.ts

@@ -1,3 +0,0 @@
-export function letterCase(str: String) {
-	return str.charAt(0).toUpperCase() + str.slice(1)
-}

src/app/story/[id]/page.tsx

@@ -1,5 +1,4 @@
-// "use server"
-import prisma from "app/lib/db"
+import prisma from "../../lib/db.mjs"
 
 async function getStory(id: string) {
   const story = await prisma.story.findFirst({ where: { id: Number(id) } })

src/app/story/create/page.tsx

@@ -1,5 +0,0 @@
-import StoryForm from "app/ui/forms/story";
-
-export default function Page() {
-	return <StoryForm />
-}

src/app/ui/forms/genreCheckboxes.tsx

@@ -1,21 +0,0 @@
-import prisma from "app/lib/db"
-import React from "react"
-import { letterCase } from "app/lib/functions"
-export default async function GenreCheckboxes() {
-	async function getGenres() {
-		"use server"
-		const genres = await prisma.genre.findMany()
-		return genres
-	}
-	const genres = await getGenres()
-	const genreCheckboxes = genres.map(e => {
-		const label = letterCase(e.name)
-		return (<React.Fragment key={`fragment${e.name}`}>
-			<input type="checkbox" id={e.name} key={`genreCheckboxInput${e.id}`} />
-			<label htmlFor={e.name} key={`genreCheckboxLabel${e.id}`}>{label}</label>
-		</React.Fragment>
-		)
-	})
-	return <>{genreCheckboxes}</>
-
-}

src/app/ui/forms/story.tsx

@@ -1,10 +0,0 @@
-import GenreCheckboxes from "./genreCheckboxes"
-export default async function StoryForm() {
-	return <form>
-		<label htmlFor="title">Title:</label>
-		<input type="text" id="title" />
-		<label htmlFor="word-count">Word Count:</label>
-		<input type="text" id="word-count" />
-		<GenreCheckboxes />
-	</form>
-}

tsconfig.json

@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-    "baseUrl": "src/",
     "lib": [
       "dom",
       "dom.iterable",
@@ -27,8 +26,7 @@
     "next-env.d.ts",
     ".next/types/**/*.ts",
     "**/*.ts",
-    "**/*.tsx",
-    "src/app/lib/db.ts"
+    "**/*.tsx"
   ],
   "exclude": [
     "node_modules"