feat: connect complaints to backend

.github/workflows/validate.yaml

@@ -127,7 +127,7 @@ jobs:
         with:
           sha: ${{ github.sha }}
           token: ${{ secrets.GITHUB_TOKEN }}
-          description: 'Playwright html report with traces'
+          description: 'See Playwright test results'
           status: ${{needs.test.result}}
           context: 'Test results'
           targetUrl: 'https://s3.amazonaws.com/noam-gaash.co.il/${{ github.run_id }}/open-bus/${{ github.sha }}/test-results/index.html'

src/pages/components/map-related/MapLayers/ComplaintModal.tsx

@@ -92,18 +92,29 @@ const ComplaintModal = ({ modalOpen, setModalOpen, position }: ComplaintModalPro
     setComplaintData((prevData) => ({ ...prevData, [name]: value }) as const)
   }
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    console.log(`lalalala`)
     e.preventDefault()
     const complaintPayload = {
+      reportId: new Date().toISOString(),
+      reportType: 'databusUiComplaint',
       userData: complaintData,
       databusData: {
         operator: siriRide?.gtfsRideGtfsRouteId,
         ...position,
       },
     }
     console.log(complaintPayload)
-    // Handle the form submission, e.g., send it to an API
-    setModalOpen(false)
+
+    fetch('https://u50mqjjsc2.execute-api.us-west-1.amazonaws.com/report', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(complaintPayload),
+    })
+      .then((response) => response.json())
+      .then((data) => console.log(data))
+      .catch((error) => console.error(error))
+      .then(() => setModalOpen(false))
   }
 
   return (