diff --git a/frontend/App.tsx b/frontend/App.tsx index 5d6baa9..12b13f6 100755 --- a/frontend/App.tsx +++ b/frontend/App.tsx @@ -149,12 +149,13 @@ const App: React.FC = () => { } }, [campaignProofs, selectedCampaign, selectedProof]); - const handleAddNewCampaign = async (campaignData: { name: string; workfrontId: string; clientLead: string; brandGuidelines: string; }) => { + const handleAddNewCampaign = async (campaignData: { name: string; workfrontId: string; clientLead: string; agencyLead: string; brandGuidelines: string; }) => { try { const response = await apiService.createCampaign({ name: campaignData.name, workfront_id: campaignData.workfrontId, client_lead: campaignData.clientLead, + agency_lead: campaignData.agencyLead, brand_guidelines: campaignData.brandGuidelines, }); diff --git a/frontend/components/CreateCampaignModal.tsx b/frontend/components/CreateCampaignModal.tsx index 10a867b..bcfb24b 100755 --- a/frontend/components/CreateCampaignModal.tsx +++ b/frontend/components/CreateCampaignModal.tsx @@ -10,6 +10,7 @@ interface CreateCampaignModalProps { name: string; workfrontId: string; clientLead: string; + agencyLead: string; brandGuidelines: string; }) => void; brandGuidelines?: string[]; @@ -20,6 +21,7 @@ export const CreateCampaignModal: React.FC = ({ isOpen const [selectedBrandGuideline, setSelectedBrandGuideline] = useState(''); const [workfrontId, setWorkfrontId] = useState(''); const [clientLead, setClientLead] = useState(''); + const [agencyLead, setAgencyLead] = useState(''); const [error, setError] = useState(null); useEffect(() => { @@ -29,6 +31,7 @@ export const CreateCampaignModal: React.FC = ({ isOpen setSelectedBrandGuideline(''); setWorkfrontId(''); setClientLead(''); + setAgencyLead(''); setError(null); } }, [isOpen]); @@ -53,7 +56,7 @@ export const CreateCampaignModal: React.FC = ({ isOpen e.preventDefault(); const isIdValidOnSubmit = /^#WF_\d+$/.test(workfrontId); - if (!name.trim() || !clientLead.trim() || !workfrontId.trim() || !selectedBrandGuideline.trim()) { + if (!name.trim() || !clientLead.trim() || !agencyLead.trim() || !workfrontId.trim() || !selectedBrandGuideline.trim()) { return; } @@ -63,13 +66,13 @@ export const CreateCampaignModal: React.FC = ({ isOpen } setError(null); - onAddCampaign({ name, workfrontId, clientLead, brandGuidelines: selectedBrandGuideline }); + onAddCampaign({ name, workfrontId, clientLead, agencyLead, brandGuidelines: selectedBrandGuideline }); onClose(); }; if (!isOpen) return null; - const isFormInvalid = !name.trim() || !workfrontId.trim() || !clientLead.trim() || !selectedBrandGuideline.trim(); + const isFormInvalid = !name.trim() || !workfrontId.trim() || !clientLead.trim() || !agencyLead.trim() || !selectedBrandGuideline.trim(); return (
= ({ isOpen />
- + setAgencyLead(e.target.value)} + className="mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:ring-brand-accent focus:border-brand-accent transition bg-white text-gray-900" + required />