Merge pull request #469 from hngprojects/feature/upload-logo

Feature/upload logo

Author: Jomagene

src/app/(dashboard)/components/image-ad-form.tsx

@@ -210,24 +210,24 @@ export default function AdCustomizer() {
 
 
   const handleAudienceSelect = (audience: string) => {
-  setSelectedAudiences((prev) => {
-    const newSelection = prev.includes(audience)
-      ? prev.filter((item) => item !== audience)
-      : [...prev, audience];
-    
-    if (newSelection.length > 0) {
-      form.setValue("targetAudience", newSelection.join(", "), {
-        shouldValidate: true
-      });
-    } else {
-      form.setValue("targetAudience", "", {
-        shouldValidate: true
-      });
-    }
-    
-    return newSelection;
-  });
-};
+    setSelectedAudiences((prev) => {
+      const newSelection = prev.includes(audience)
+        ? prev.filter((item) => item !== audience)
+        : [...prev, audience];
+
+      if (newSelection.length > 0) {
+        form.setValue("targetAudience", newSelection.join(", "), {
+          shouldValidate: true,
+        });
+      } else {
+        form.setValue("targetAudience", "", {
+          shouldValidate: true,
+        });
+      }
+
+      return newSelection;
+    });
+  };
   useEffect(() => {
     form.setValue("targetAudience", selectedAudiences.join(", "));
   }, [selectedAudiences, form]);
@@ -462,7 +462,7 @@ export default function AdCustomizer() {
                                   <button
                                     key={index}
                                     type="button"
-                                    className={`px-3 py-1 text-xs rounded-full transition-colors ${
+                                    className={`px-3 py-1 text-xs rounded-full transition-colors cursor-pointer ${
                                       selectedAudiences.includes(audience)
                                         ? "bg-[#B800B8] text-white"
                                         : "bg-gray-100 hover:bg-gray-200"
@@ -720,6 +720,11 @@ export default function AdCustomizer() {
                   <ImageTextEditor
                     imageSrc={finalImageUrl}
                     imageId={adData?.data.image_id || ""}
+                    brandLogo={
+                      form.watch("brandLogo")
+                        ? URL.createObjectURL(form.watch("brandLogo") as Blob)
+                        : undefined
+                    }
                     initialTexts={[
                       {
                         id: "1",