Added select all images/docs buttons IO-410

client/src/components/jobs-documents-gallery/jobs-documents-gallery.selectall.component.jsx

@@ -11,24 +11,54 @@ export default function JobsDocumentsGallerySelectAllComponent({
   const handleSelectAll = () => {
     setGalleryImages({
       ...galleryImages,
+      other: galleryImages.other.map((i) => {
+        return { ...i, isSelected: true };
+      }),
       images: galleryImages.images.map((i) => {
         return { ...i, isSelected: true };
       }),
     });
   };
+  const handleSelectAllImages = () => {
+    setGalleryImages({
+      ...galleryImages,
+
+      images: galleryImages.images.map((i) => {
+        return { ...i, isSelected: true };
+      }),
+    });
+  };
+  const handleSelectAllDocuments = () => {
+    setGalleryImages({
+      ...galleryImages,
+      other: galleryImages.other.map((i) => {
+        return { ...i, isSelected: true };
+      }),
+    });
+  };
   const handleDeselectAll = () => {
     setGalleryImages({
       ...galleryImages,
+      other: galleryImages.other.map((i) => {
+        return { ...i, isSelected: false };
+      }),
       images: galleryImages.images.map((i) => {
         return { ...i, isSelected: false };
       }),
     });
   };
+
   return (
     <>
       <Button onClick={handleSelectAll}>
         {t("general.actions.selectall")}
       </Button>
+      <Button onClick={handleSelectAllImages}>
+        {t("documents.actions.selectallimages")}
+      </Button>
+      <Button onClick={handleSelectAllDocuments}>
+        {t("documents.actions.selectallotherdocuments")}
+      </Button>
       <Button onClick={handleDeselectAll}>
         {t("general.actions.deselectall")}
       </Button>