remix-validated-form 0.0.4 → 1.1.1-beta.1

package/sample-app/app/routes/subjects/new.tsx

@@ -0,0 +1,46 @@
+import { Box, Container, Heading } from "@chakra-ui/react";
+import { ActionFunction, redirect } from "remix";
+import { SubjectForm, subjectFormValidator } from "~/components/SubjectForm";
+import { db } from "~/services/db.server";
+import { validationError } from "../../../remix-validated-form";
+
+export const action: ActionFunction = async ({ request }) => {
+  const fieldValues = subjectFormValidator.validate(await request.formData());
+  if (fieldValues.error) return validationError(fieldValues.error);
+
+  const { teacher, subjectDays, ...newSubject } = fieldValues.data;
+
+  await db.subject.create({
+    data: {
+      ...newSubject,
+      teacher: {
+        create: teacher,
+      },
+      subjectDays: {
+        create: subjectDays,
+      },
+    },
+  });
+
+  return redirect("/subjects");
+};
+
+export default function NewSubject() {
+  return (
+    <>
+      <Box bg="white" pt="4" pb="4" shadow="sm">
+        <Container maxW="7xl">
+          <Heading size="lg" mb="0">
+            Create Subject
+          </Heading>
+        </Container>
+      </Box>
+
+      <Box as="main" py="8" flex="1">
+        <Container maxW="7xl">
+          <SubjectForm />
+        </Container>
+      </Box>
+    </>
+  );
+}

package/sample-app/app/services/db.server.ts

@@ -0,0 +1,23 @@
+import { PrismaClient } from "@prisma/client";
+
+let db: PrismaClient;
+
+declare global {
+  var __db: PrismaClient | undefined;
+}
+
+// this is needed because in development we don't want to restart
+// the server with every change, but we want to make sure we don't
+// create a new connection to the DB with every change either.
+if (process.env.NODE_ENV === "production") {
+  db = new PrismaClient();
+  db.$connect();
+} else {
+  if (!global.__db) {
+    global.__db = new PrismaClient();
+    global.__db.$connect();
+  }
+  db = global.__db;
+}
+
+export { db };

package/sample-app/app/types.ts

@@ -0,0 +1,6 @@
+import { Subject, SubjectDays, Teacher } from "@prisma/client";
+
+export type SubjectComplete = Subject & {
+  teacher: Teacher;
+  subjectDays: SubjectDays[];
+};