feat(task-description): refactor uploading images preview popup

hotosm · Aug 23, 2024 · facbf11 · facbf11
1 parent 263c290
commit facbf11
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 1 deletion.
diff --git a/...omponents/DroneOperatorTask/DescriptionSection/PopoverBox/ImageBox/PreviewImage/index.tsx b/...omponents/DroneOperatorTask/DescriptionSection/PopoverBox/ImageBox/PreviewImage/index.tsx
@@ -1,7 +1,9 @@
 import { useTypedSelector } from '@Store/hooks';
 
 const PreviewImage = () => {
-  const { clickedImage } = useTypedSelector(state => state.droneOperatorTask);
+  const clickedImage = useTypedSelector(
+    state => state.droneOperatorTask.clickedImage,
+  );
   return (
     <img
       src={clickedImage}

diff --git a/src/frontend/src/constants/modalContents.tsx b/src/frontend/src/constants/modalContents.tsx
@@ -1,9 +1,11 @@
 import { ReactElement } from 'react';
 import ExitCreateProjectModal from '@Components/CreateProject/ExitCreateProjectModal';
+import ImageBoxPopOver from '@Components/DroneOperatorTask/DescriptionSection/PopoverBox/ImageBox';
 
 export type ModalContentsType =
   | 'sign-up-success'
   | 'quit-create-project'
+  | 'raw-image-preview'
   | null;
 export type PromptDialogContentsType = 'delete-layer' | null;
 
@@ -26,6 +28,14 @@ export function getModalContent(content: ModalContentsType): ModalReturnType {
         title: 'Unsaved Changes!',
         content: <ExitCreateProjectModal />,
       };
+
+    case 'raw-image-preview':
+      return {
+        className: '!naxatw-w-[60vw]',
+        title: 'Upload Raw Image',
+        content: <ImageBoxPopOver />,
+      };
+
     default:
       return {
         title: '',

diff --git a/src/frontend/src/store/actions/droneOperatorTask.ts b/src/frontend/src/store/actions/droneOperatorTask.ts
@@ -9,4 +9,5 @@ export const {
   showPopover,
   unCheckAllImages,
   checkAllImages,
+  setFiles,
 } = droneOperatorTaskSlice.actions;