PC-82: Fix file upload in fetchService.js when file has no name

Author: vb-cmd

app/javascript/components/services/fetchService.js

@@ -22,8 +22,11 @@ export const fetchCustomers = {
       const response = await fetch(customer.logo_url)
 
       if (response.ok) {
+        const contentType = response.headers.get("Content-Type")
         const blob = await response.blob()
-        formData.append('customer[logo]', blob)
+        const fileName = `logo.${contentType.split("/")[1] || "png"}`
+
+        formData.append('customer[logo]', blob, fileName)
       } else {
         throw new Error('Failed to fetch logo')
       }

app/javascript/components/ui/PcDropdownSelect.jsx

@@ -32,7 +32,7 @@ export const PcDropdownSelect = ({
         options={options}
         placeholder={placeholder}
         filterBy={handleFilterBy}
-        allowNew={false}
+        allowNew
         newSelectionPrefix="Add new customer: "
         className={`${hasIcon ? isMenuOpen ? 'pc-typeahead-arrow-up' : 'pc-typeahead-arrow-down' : ''} border border-primary rounded-1`}
         style={{ height }}