Merge pull request #245 from hotosm/feat/user-profile

Feat: Trigger image processing starter api

src/frontend/src/components/CreateProject/FormContents/GenerateTask/index.tsx

@@ -65,6 +65,7 @@ export default function GenerateTask({ formProps }: { formProps: any }) {
               onFocus={() => setError('')}
             />
             {error && <ErrorMessage message={error} />}
+            <p className="naxatw-text-[#68707F]">Recommended : 50-700</p>
           </FormControl>
           <Button
             withLoader

src/frontend/src/components/DroneOperatorTask/DescriptionSection/PopoverBox/ImageBox/index.tsx

@@ -3,12 +3,12 @@
 /* eslint-disable no-await-in-loop */
 /* eslint-disable no-console */
 /* eslint-disable no-unused-vars */
-import { useMutation } from '@tanstack/react-query';
-import { motion } from 'framer-motion';
 import { useEffect, useRef, useState } from 'react';
-
+import { motion } from 'framer-motion';
+import { toast } from 'react-toastify';
 import { Button } from '@Components/RadixComponents/Button';
 import { getImageUploadLink } from '@Services/droneOperator';
+import { useMutation } from '@tanstack/react-query';
 import {
   checkAllImages,
   setCheckedImages,
@@ -19,6 +19,8 @@ import callApiSimultaneously from '@Utils/callApiSimultaneously';
 import chunkArray from '@Utils/createChunksOfArray';
 import delay from '@Utils/createDelay';
 import widthCalulator from '@Utils/percentageCalculator';
+import { postProcessImagery } from '@Services/tasks';
+
 import FilesUploadingPopOver from '../LoadingBox';
 import ImageCard from './ImageCard';
 import PreviewImage from './PreviewImage';
@@ -31,7 +33,6 @@ import PreviewImage from './PreviewImage';
 const ImageBoxPopOver = () => {
   const dispatch = useTypedDispatch();
 
-  // const { taskId, projectId } = useParams();
   const pathname = window.location.pathname?.split('/');
   const projectId = pathname?.[2];
   const taskId = pathname?.[4];
@@ -50,6 +51,11 @@ const ImageBoxPopOver = () => {
     state => state.droneOperatorTask.checkedImages,
   );
 
+  const { mutate: startImageryProcess } = useMutation({
+    mutationFn: () => postProcessImagery(projectId, taskId),
+    onSuccess: () => toast.success('Image processing started'),
+  });
+
   // function that gets the signed urls for the images and again puts them in chunks of 4
   const { mutate } = useMutation({
     mutationFn: async (data: any) => {
@@ -75,6 +81,7 @@ const ImageBoxPopOver = () => {
           await delay(500);
         }
       }
+      startImageryProcess();
     },
   });
 

src/frontend/src/services/tasks.ts

@@ -20,3 +20,6 @@ export const postTaskWaypoint = (payload: Record<string, any>) => {
 };
 export const getTaskAssetsInfo = (projectId: string, taskId: string) =>
   authenticated(api).get(`/projects/assets/${projectId}/${taskId}/`);
+
+export const postProcessImagery = (projectId: string, taskId: string) =>
+  authenticated(api).post(`/projects/process_imagery/${projectId}/${taskId}`);