Added select and deselect all to gallery images IO-410

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

@@ -5,6 +5,7 @@ import { useTranslation } from "react-i18next";
 import DocumentsUploadComponent from "../documents-upload/documents-upload.component";
 import JobsDocumentsDownloadButton from "./jobs-document-gallery.download.component";
 import JobsDocumentsDeleteButton from "./jobs-documents-gallery.delete.component";
+import JobsDocumentsGallerySelectAllComponent from "./jobs-documents-gallery.selectall.component";
 
 function JobsDocumentsComponent({
   data,
@@ -72,6 +73,10 @@ function JobsDocumentsComponent({
           callbackAfterUpload={billsCallback || refetch}
           tagsArray={["test"]}
         />
+        <JobsDocumentsGallerySelectAllComponent
+          galleryImages={galleryImages}
+          setGalleryImages={setgalleryImages}
+        />
         <JobsDocumentsDownloadButton galleryImages={galleryImages} />
         <JobsDocumentsDeleteButton
           galleryImages={galleryImages}

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

@@ -0,0 +1,37 @@
+import { Button } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+export default function JobsDocumentsGallerySelectAllComponent({
+  galleryImages,
+  setGalleryImages,
+}) {
+  const { t } = useTranslation();
+
+  const handleSelectAll = () => {
+    setGalleryImages({
+      ...galleryImages,
+      images: galleryImages.images.map((i) => {
+        return { ...i, isSelected: true };
+      }),
+    });
+  };
+  const handleDeselectAll = () => {
+    setGalleryImages({
+      ...galleryImages,
+      images: galleryImages.images.map((i) => {
+        return { ...i, isSelected: false };
+      }),
+    });
+  };
+  return (
+    <>
+      <Button onClick={handleSelectAll}>
+        {t("general.actions.selectall")}
+      </Button>
+      <Button onClick={handleDeselectAll}>
+        {t("general.actions.deselectall")}
+      </Button>
+    </>
+  );
+}