add logo upload

prisma/migrations/20241023193014_added_logo_field/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Company" ADD COLUMN     "logo" TEXT;

prisma/schema.prisma

@@ -36,6 +36,7 @@ model User {
 model Company {
   id          String    @id @default(cuid())
   name        String
+  logo        String?
   website     String?
   description String?
   jobs        Job[]

src/actions/auth.actions.ts

@@ -72,6 +72,7 @@ export const signUp = withServerActionAsyncCatcher<
               name: _data.companyInfo.name,
               website: _data.companyInfo.website || '',
               description: _data.companyInfo.description || '',
+              logo: _data.companyInfo.logo || '',
               userId: user.id,
             },
           });
@@ -84,14 +85,14 @@ export const signUp = withServerActionAsyncCatcher<
               title: 'Company Profile',
               companyName: _data.companyInfo.name,
               companyBio: _data.companyInfo.description || '',
+              companyLogo: _data.companyInfo.logo || '',
               companyEmail: baseData.email,
               category: 'Company',
               type: 'Full_time',
               workMode: 'office',
               city: '',
               address: '',
               application: '',
-              companyLogo: '',
               skills: [],
             },
           });

src/components/auth/signup.tsx

@@ -1,6 +1,7 @@
 'use client';
 import { useState } from 'react';
 import { useRouter } from 'next/navigation';
+import Image from 'next/image';
 
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
@@ -31,6 +32,7 @@ export const Signup = () => {
   const { toast } = useToast();
   const router = useRouter();
   const [isHr, setIsHr] = useState(false);
+  const [logoPreview, setLogoPreview] = useState<string | null>(null);
 
   const form = useForm<SignupData>({
     resolver: zodResolver(SignupSchema),
@@ -51,6 +53,17 @@ export const Signup = () => {
     },
   });
 
+  const handleLogoChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (file) {
+      const reader = new FileReader();
+      reader.onloadend = () => {
+        setLogoPreview(reader.result as string);
+      };
+      reader.readAsDataURL(file);
+    }
+  };
+
   async function signupHandler(data: Omit<SignupData, 'companyInfo'>) {
     try {
       const signupData: SignupData = {
@@ -190,6 +203,28 @@ export const Signup = () => {
                   </FormItem>
                 )}
               />
+              <FormItem>
+                <FormLabel>Company Logo</FormLabel>
+                <FormControl>
+                  <Input
+                    type="file"
+                    accept="image/*"
+                    onChange={handleLogoChange}
+                  />
+                </FormControl>
+                {logoPreview && (
+                  <div className="mt-2">
+                    <Image
+                      src={logoPreview}
+                      alt="Company Logo Preview"
+                      width={100}
+                      height={100}
+                      className="object-contain"
+                    />
+                  </div>
+                )}
+                <FormMessage />
+              </FormItem>
             </div>
           )}
 

src/lib/validators/auth.validator.ts

@@ -11,13 +11,15 @@ export const companySetupSchema = z.object({
   companyName: z.string().min(1, 'Company name is required'),
   companyWebsite: z.string().url('Invalid URL'),
   description: z.string().min(10, 'Description must be at least 10 characters'),
+  logo: z.string().optional(),
 });
 
 // Define the company info schema
 export const CompanyInfoSchema = z.object({
   name: z.string(),
   website: z.string().optional(),
   description: z.string().optional(),
+  logo: z.string().optional(),
 });
 
 // Extend the base signup schema