initial commit

app/_components/generation/index.tsx

@@ -20,7 +20,6 @@ export const Generation = () => {
     style: "",
   });
 
-  const [step, setStep] = useState<number>(0);
   const [loading, setLoading] = useState<boolean>(false);
   const [result, setResult] = useState<number | undefined>(undefined);
 
@@ -41,7 +40,7 @@ export const Generation = () => {
       <h3 className="max-w-4xl text-3xl text-[#aaaaaa] font-semibold mb-12 text-center mx-auto">
         Start your <span className="text-white">generation</span> here.
       </h3>
-      <Steps step={step} form={form} />
+      <Steps form={form} />
       <div className="grid grid-cols-3 gap-20">
         <Brand form={form} setForm={setForm} />
         <Description form={form} setForm={setForm} />

app/_components/generation/step/list.tsx

@@ -30,7 +30,7 @@ const STEPS = [
   },
 ];
 
-export const Steps = ({ step, form }: { step: number; form: Form }) => {
+export const Steps = ({ form }: { form: Form }) => {
   return (
     <div className="w-full flex items-center justify-center gap-2 mb-12">
       {STEPS.map((s, i) => (

app/api/logo/route.ts

@@ -1,7 +1,6 @@
-import { NextRequest } from "next/server";
 import prisma from "@/_utils/prisma";
 
-export async function GET(req: NextRequest) {
+export async function GET() {
   const images = await prisma.logo.findMany({
     select: {
       id: true,

app/page.tsx

@@ -3,15 +3,10 @@ import { Generation } from "./_components/generation";
 import { HeroHeader } from "./_components/hero-header";
 
 async function getLogos() {
-  try {
-    const logos = await fetch(process.env.API_URL + "/api/logo")
-      .then((res) => res.json())
-      .then((data) => data);
-    return logos;
-  } catch (error: any) {
-    console.error("Error fetching logos: ", error.message);
-    return [];
-  }
+  const logos = await fetch(process.env.API_URL + "/api/logo")
+    .then((res) => res.json())
+    .then((data) => data);
+  return logos;
 }
 export const revalidate = 0;