same method for cancellation and delete & no empty strings in request…

… body

src/components/forms/Registration.tsx

@@ -97,7 +97,7 @@ const RegistrationForm = ({
     ...callBacks,
   });
 
-  const deleteFishStockingMutation = useMutation(() => api.deleteFishStocking(id!), {
+  const deleteFishStockingMutation = useMutation(() => api.cancelFishStocking(id!), {
     ...callBacks,
   });
 
@@ -145,22 +145,22 @@ const RegistrationForm = ({
     } = values;
     const params = {
       eventTime,
-      phone,
+      phone: phone || undefined,
       geom,
       assignedTo: assignedTo?.id,
       stockingCustomer: stockingCustomer?.id,
       location: location,
-      fishOrigin,
+      fishOrigin: fishOrigin.toUpperCase(),
       fishOriginCompanyName,
       ...(fishOriginReservoir && {
         fishOriginReservoir,
       }),
       batches: batches.map((batch) => {
         return {
-          amount: batch.amount,
-          weight: batch.weight,
-          fishType: batch?.fishType?.id,
-          fishAge: batch?.fishAge?.id,
+          amount: batch.amount || undefined,
+          weight: batch.weight || undefined,
+          fishType: batch?.fishType?.id || undefined,
+          fishAge: batch?.fishAge?.id || undefined,
         };
       }),
     };