refactored addRegion server action to match new convention for form validation

src/server/actions/addCountry.ts

@@ -7,7 +7,9 @@ import { ZodError, z } from "zod";
 import { eq } from "drizzle-orm";
 
 export async function addCountry(prevstate: any, formData: FormData) {
+  //assign formdaata to variables.
   const name = (formData.get("name") as string).toLowerCase();
+  //check if country already exists
   const exists = await db
     .select({ name: countries.name })
     .from(countries)
@@ -26,10 +28,7 @@ export async function addCountry(prevstate: any, formData: FormData) {
       name,
     });
     //If the name doesn't exist, add the country to the database abd revalidate the page
-    await db
+    await db.insert(countries).values({ name });
-      .insert(countries)
-      .values({ name })
-      .returning({ name: countries.name });
     revalidatePath("/");
     //Return a success message
     return {
@@ -42,6 +41,7 @@ export async function addCountry(prevstate: any, formData: FormData) {
   } catch (error) {
     const zodError = error as ZodError;
     const errorMap = zodError.flatten().fieldErrors;
+    //Return an error object with the field values and errors.
     return {
       message: "error",
       errors: {

src/server/actions/addRegion.ts

@@ -3,40 +3,63 @@
 import { revalidatePath } from "next/cache";
 import { db } from "../db";
 import { regions } from "../db/schema";
-import { z } from "zod";
+import { ZodError, z } from "zod";
-
+import { eq } from "drizzle-orm";
-const schema = z.object({
-  countryId: z.string().min(1, "No country selected"),
-  name: z.string().min(1, "Name is required"),
-});
 
 export const addRegion = async (prevstate: any, formData: FormData) => {
-  const regionData = {
+  //assign formdaata to variables.
-    name: (formData.get("name") as string).toLowerCase(),
+  const name = (formData.get("name") as string).toLowerCase();
-    countryId: formData.get("country") as string,
+  const countryId = formData.get("country") as string;
-  };
+
-  const newRegion = schema.safeParse(regionData);
+  //check if region already exists in country
-  if (!newRegion.success) {
+  const exists = await db
-    return {
+    .select({ name: regions.name })
-      message: newRegion.error.issues[0]?.message,
+    .from(regions)
-      data: newRegion.data,
+    .where(eq(regions.countryId, countryId) && eq(regions.name, name));
-    };
+
-  }
+  //Define the schema for the form data
-  const confirmedRegion = await db
+  const schema = z.object({
-    .insert(regions)
+    countryId: z.string().min(1, "No country selected"),
-    .values(newRegion.data)
+    name: z
-    .onConflictDoNothing()
+      .string()
-    .returning({ name: regions.name });
+      .min(1, "Name is required")
-  if (!confirmedRegion[0]) {
+      .refine(() => !exists[0], {
-    return {
+        message: `${name} already exists in selected country`,
-      message: `${newRegion.data.name} already exists`,
+      }),
-      data: newRegion.data,
+  });
-    };
+
-  } else {
+  //Parse the form data using the schema for validation, and check if the name already exists
-    const message = `${newRegion.data.name} added`;
+  try {
-    const errors = newRegion.error;
+    schema.parse({
-    const data = newRegion.data;
+      countryId,
+      name,
+    });
+    //If the name doesn't exist, add the country to the database abd revalidate the page
+    await db.insert(regions).values({ countryId, name });
     revalidatePath("/");
-    return { message, errors, data };
+    //Return a success message
+    return {
+      message: "success",
+      errors: undefined,
+      fieldValues: {
+        name: "",
+        countryId: "",
+      },
+    };
+  } catch (error) {
+    const zodError = error as ZodError;
+    const errorMap = zodError.flatten().fieldErrors;
+    //Return an error object with the field values and errors.
+    return {
+      message: "error",
+      errors: {
+        name: errorMap["name"]?.[0] ?? "",
+        countryId: errorMap["countryId"]?.[0] ?? "",
+      },
+      fieldValues: {
+        name,
+        countryId,
+      },
+    };
   }
 };