From 3a3f09ba5db75e592623af81ac4fa6b9eb2cabc5 Mon Sep 17 00:00:00 2001
From: Sujit <sujitkarki703@gmail.com>
Date: Mon, 30 Sep 2024 10:05:27 +0545
Subject: [PATCH 1/2] feat(project-creation): show recommended value on task
 split dimension

---
 .../components/CreateProject/FormContents/GenerateTask/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/frontend/src/components/CreateProject/FormContents/GenerateTask/index.tsx b/src/frontend/src/components/CreateProject/FormContents/GenerateTask/index.tsx
index 36cf3f57..0357e2db 100644
--- a/src/frontend/src/components/CreateProject/FormContents/GenerateTask/index.tsx
+++ b/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

From e5d4e12db5cb60a78c393494cb24aefc46f38fc1 Mon Sep 17 00:00:00 2001
From: Sujit <sujitkarki703@gmail.com>
Date: Mon, 30 Sep 2024 10:26:38 +0545
Subject: [PATCH 2/2] feat(task-description): trigger the image processing
 starter api on completion of image uploads

---
 .../PopoverBox/ImageBox/index.tsx                 | 15 +++++++++++----
 src/frontend/src/services/tasks.ts                |  3 +++
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/DroneOperatorTask/DescriptionSection/PopoverBox/ImageBox/index.tsx b/src/frontend/src/components/DroneOperatorTask/DescriptionSection/PopoverBox/ImageBox/index.tsx
index 6b0bf2b7..c455a560 100644
--- a/src/frontend/src/components/DroneOperatorTask/DescriptionSection/PopoverBox/ImageBox/index.tsx
+++ b/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();
     },
   });
 
diff --git a/src/frontend/src/services/tasks.ts b/src/frontend/src/services/tasks.ts
index 47a7f4d1..91bf11be 100644
--- a/src/frontend/src/services/tasks.ts
+++ b/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}`);