+
{/* country selector */}
-
{selectCountryId}
-
diff --git a/src/app/_components/allProducers.tsx b/src/app/_components/allProducers.tsx
new file mode 100644
index 0000000..5dbfa10
--- /dev/null
+++ b/src/app/_components/allProducers.tsx
@@ -0,0 +1,22 @@
+import { Delete } from "lucide-react";
+import deleteProducer from "~/server/actions/deleteProducer";
+import getAllProducers from "~/server/actions/getAllProducers";
+
+export default async function AllProducers() {
+ const allProducers = await getAllProducers();
+ return (
+
+
All Producers:
+ {allProducers.map((producer) => (
+
+ ))}
+
+ );
+}
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
new file mode 100644
index 0000000..4fdcd1b
--- /dev/null
+++ b/src/components/ui/textarea.tsx
@@ -0,0 +1,24 @@
+import * as React from "react"
+
+import { cn } from "~/lib/utils"
+
+export interface TextareaProps
+ extends React.TextareaHTMLAttributes
{}
+
+const Textarea = React.forwardRef(
+ ({ className, ...props }, ref) => {
+ return (
+
+ )
+ }
+)
+Textarea.displayName = "Textarea"
+
+export { Textarea }
diff --git a/src/server/actions/addProducer.ts b/src/server/actions/addProducer.ts
new file mode 100644
index 0000000..726e30d
--- /dev/null
+++ b/src/server/actions/addProducer.ts
@@ -0,0 +1,77 @@
+"use server";
+import { eq } from "drizzle-orm";
+import { db } from "../db";
+import { producers } from "../db/schema";
+import { ZodError, z } from "zod";
+import { revalidatePath } from "next/cache";
+
+export const addProducer = async (prevstate: any, formData: FormData) => {
+ //assign formdaata to variables.
+ const name = (formData.get("name") as string).toLowerCase();
+ const description = (formData.get("description") as string).toLowerCase();
+ const imageUrl = (formData.get("imageUrl") as string).toLowerCase();
+ const countryId = formData.get("countryId") as string;
+
+ //check if producer already exists in country
+ const exists = await db
+ .select({ name: producers.name })
+ .from(producers)
+ .where(eq(producers.name, name));
+
+ //Define the schema for the form data
+ const schema = z.object({
+ name: z
+ .string()
+ .min(1, "Name is required")
+ .refine(() => !exists[0], {
+ message: `${name} already exists in selected country`,
+ }),
+ description: z.string(),
+ imageUrl: z.string(),
+ countryId: z.string().min(1, "No country selected"),
+ });
+ //Parse the form data using the schema for validation, and check if the name already exists
+ try {
+ schema.parse({
+ name,
+ description,
+ imageUrl,
+ countryId,
+ });
+ //If the name doesn't exist, add the country to the database abd revalidate the page
+ await db
+ .insert(producers)
+ .values({ name, description, imageUrl, countryId });
+ revalidatePath("/");
+ //Return a success message
+ return {
+ message: "success",
+ errors: undefined,
+ fieldValues: {
+ name: "",
+ description: "",
+ imageUrl: "",
+ 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] ?? "",
+ description: errorMap["description"]?.[0] ?? "",
+ imageUrl: errorMap["imageUrl"]?.[0] ?? "",
+ countryId: errorMap["countryId"]?.[0] ?? "",
+ },
+ fieldValues: {
+ name,
+ description,
+ imageUrl,
+ countryId,
+ },
+ };
+ }
+};
diff --git a/src/server/actions/addSubRegion.ts b/src/server/actions/addSubRegion.ts
index 0cb050a..5c16295 100644
--- a/src/server/actions/addSubRegion.ts
+++ b/src/server/actions/addSubRegion.ts
@@ -4,6 +4,7 @@ import { eq } from "drizzle-orm";
import { db } from "../db";
import { subRegions } from "../db/schema";
import { ZodError, z } from "zod";
+import { revalidatePath } from "next/cache";
export const addSubRegion = async (prevstate: any, formData: FormData) => {
//assign formdaata to variables.
@@ -34,6 +35,7 @@ export const addSubRegion = async (prevstate: any, formData: FormData) => {
});
//If the name doesn't exist, add the country to the database abd revalidate the page
await db.insert(subRegions).values({ regionId, name });
+ revalidatePath("/");
//Return a success message
return {
message: "success",
diff --git a/src/server/actions/deleteProducer.ts b/src/server/actions/deleteProducer.ts
new file mode 100644
index 0000000..68ecc12
--- /dev/null
+++ b/src/server/actions/deleteProducer.ts
@@ -0,0 +1,10 @@
+"use server";
+import { eq } from "drizzle-orm";
+import { db } from "../db";
+import { producers } from "../db/schema";
+import { revalidatePath } from "next/cache";
+
+export default async function deleteProducer(id: string) {
+ await db.delete(producers).where(eq(producers.id, id));
+ revalidatePath("/");
+}
diff --git a/src/server/actions/deleteRegion.ts b/src/server/actions/deleteRegion.ts
new file mode 100644
index 0000000..439b095
--- /dev/null
+++ b/src/server/actions/deleteRegion.ts
@@ -0,0 +1,10 @@
+"use server";
+import { eq } from "drizzle-orm";
+import { db } from "../db";
+import { regions } from "../db/schema";
+import { revalidatePath } from "next/cache";
+
+export default async function deleteRegion(id: string) {
+ await db.delete(regions).where(eq(regions.id, id));
+ revalidatePath("/");
+}
diff --git a/src/server/actions/deleteSubRegion.ts b/src/server/actions/deleteSubRegion.ts
new file mode 100644
index 0000000..9c687b4
--- /dev/null
+++ b/src/server/actions/deleteSubRegion.ts
@@ -0,0 +1,10 @@
+"use server";
+import { eq } from "drizzle-orm";
+import { db } from "../db";
+import { subRegions } from "../db/schema";
+import { revalidatePath } from "next/cache";
+
+export default async function deleteSubRegion(id: string) {
+ await db.delete(subRegions).where(eq(subRegions.id, id));
+ revalidatePath("/");
+}
diff --git a/src/server/actions/getAllProducers.ts b/src/server/actions/getAllProducers.ts
new file mode 100644
index 0000000..d367ce8
--- /dev/null
+++ b/src/server/actions/getAllProducers.ts
@@ -0,0 +1,7 @@
+"use server";
+import { db } from "../db";
+
+export default async function getAllProducers() {
+ const allProducers = await db.query.producers.findMany();
+ return allProducers;
+}
diff --git a/src/server/actions/getAllSubRegions.ts b/src/server/actions/getAllSubRegions.ts
new file mode 100644
index 0000000..d1aed18
--- /dev/null
+++ b/src/server/actions/getAllSubRegions.ts
@@ -0,0 +1,7 @@
+"use server";
+import { db } from "../db";
+
+export default async function getAllSubRegions() {
+ const allSubRegions = await db.query.subRegions.findMany();
+ return allSubRegions;
+}