hotfix: High Volume Study Downloading

packages/client/src/graphql/graphql.ts

@@ -270,6 +270,7 @@ export type MutationCreateStudyArgs = {
 
 export type MutationCreateStudyDownloadArgs = {
   downloadRequest: CreateStudyDownloadRequest;
+  textOnly?: InputMaybe<Scalars['Boolean']['input']>;
 };
 
 

packages/client/src/graphql/study/study.graphql

@@ -65,8 +65,8 @@ query getStudyDownloads($study: ID!) {
   }
 }
 
-mutation createStudyDownload($downloadRequest: CreateStudyDownloadRequest!) {
-  createStudyDownload(downloadRequest: $downloadRequest) {
+mutation createStudyDownload($downloadRequest: CreateStudyDownloadRequest!, $textOnly: Boolean!) {
+  createStudyDownload(downloadRequest: $downloadRequest, textOnly: $textOnly) {
     _id,
     status,
     date

packages/client/src/graphql/study/study.ts

@@ -43,6 +43,7 @@ export type GetStudyDownloadsQuery = { __typename?: 'Query', getStudyDownloads:
 
 export type CreateStudyDownloadMutationVariables = Types.Exact<{
   downloadRequest: Types.CreateStudyDownloadRequest;
+  textOnly: Types.Scalars['Boolean']['input'];
 }>;
 
 
@@ -259,8 +260,8 @@ export type GetStudyDownloadsQueryHookResult = ReturnType<typeof useGetStudyDown
 export type GetStudyDownloadsLazyQueryHookResult = ReturnType<typeof useGetStudyDownloadsLazyQuery>;
 export type GetStudyDownloadsQueryResult = Apollo.QueryResult<GetStudyDownloadsQuery, GetStudyDownloadsQueryVariables>;
 export const CreateStudyDownloadDocument = gql`
-    mutation createStudyDownload($downloadRequest: CreateStudyDownloadRequest!) {
-  createStudyDownload(downloadRequest: $downloadRequest) {
+    mutation createStudyDownload($downloadRequest: CreateStudyDownloadRequest!, $textOnly: Boolean!) {
+  createStudyDownload(downloadRequest: $downloadRequest, textOnly: $textOnly) {
     _id
     status
     date
@@ -283,6 +284,7 @@ export type CreateStudyDownloadMutationFn = Apollo.MutationFunction<CreateStudyD
  * const [createStudyDownloadMutation, { data, loading, error }] = useCreateStudyDownloadMutation({
  *   variables: {
  *      downloadRequest: // value for 'downloadRequest'
+ *      textOnly: // value for 'textOnly'
  *   },
  * });
  */

packages/client/src/pages/studies/StudyControl.tsx

@@ -1,11 +1,23 @@
-import { Typography, Box, IconButton } from '@mui/material';
+import {
+  Typography,
+  Box,
+  IconButton,
+  Dialog,
+  DialogTitle,
+  DialogContent,
+  DialogActions,
+  Button,
+  Stack,
+  Checkbox,
+  FormControlLabel
+} from '@mui/material';
 import { useStudy } from '../../context/Study.context';
 import { DataGrid, GridColDef, GridRowId } from '@mui/x-data-grid';
 import DeleteIcon from '@mui/icons-material/DeleteOutlined';
 import { GridActionsCellItem } from '@mui/x-data-grid-pro';
 import { Study } from '../../graphql/graphql';
 import { useCreateStudyDownloadMutation, useDeleteStudyMutation } from '../../graphql/study/study';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { useConfirmation } from '../../context/Confirmation.context';
 import { useTranslation } from 'react-i18next';
 import { useSnackbar } from '../../context/Snackbar.context';
@@ -19,7 +31,10 @@ export const StudyControl: React.FC = () => {
   const { t } = useTranslation();
   const { pushSnackbarMessage } = useSnackbar();
 
-  const [createDownloadMutation, createDownloadResults] = useCreateStudyDownloadMutation();
+  const [downloadConfirmationOpen, setDownloadConfirmationOpen] = useState<boolean>(false);
+  const [targetStudy, setTargetStudy] = useState<Study | null>(null);
+
+  const [_createDownloadMutation, createDownloadResults] = useCreateStudyDownloadMutation();
 
   const handleDelete = async (id: GridRowId) => {
     // Execute delete mutation
@@ -44,6 +59,9 @@ export const StudyControl: React.FC = () => {
   }, [deleteStudyResults.called, deleteStudyResults.data, deleteStudyResults.error]);
 
   const handleDownloadRequest = (study: Study) => {
+    setDownloadConfirmationOpen(true);
+    setTargetStudy(study);
+    /*
     confirmation.pushConfirmationRequest({
       title: t('components.studyDownload.downloadTitle'),
       message: t('components.studyDownload.downloadDescription'),
@@ -58,6 +76,7 @@ export const StudyControl: React.FC = () => {
       },
       onCancel: () => {}
     });
+    */
   };
 
   // Share the results with the user
@@ -113,10 +132,78 @@ export const StudyControl: React.FC = () => {
 
   return (
     <>
+      {targetStudy && (
+        <DownloadConfirmation
+          open={downloadConfirmationOpen}
+          targetStudy={targetStudy}
+          close={() => setDownloadConfirmationOpen(false)}
+        />
+      )}
       <Typography variant="h3">{t('menu.studyControl')}</Typography>
       <Box sx={{ maxWidth: '1000px', margin: 'auto' }}>
         <DataGrid rows={studies || []} columns={columns} getRowId={(row: Study) => row._id} />
       </Box>
     </>
   );
 };
+
+interface DownloadConfirmationProps {
+  open: boolean;
+  targetStudy: Study;
+  close: () => void;
+}
+
+const DownloadConfirmation: React.FC<DownloadConfirmationProps> = ({ open, targetStudy, close }) => {
+  const { t } = useTranslation();
+  const title = t('components.studyDownload.downloadTitle');
+  const message = t('components.studyDownload.downloadDescription');
+  const [createDownloadMutation, createDownloadResults] = useCreateStudyDownloadMutation();
+  const { pushSnackbarMessage } = useSnackbar();
+  const [textOnly, setTextOnly] = useState<boolean>(false);
+
+  // Share the results with the user
+  useEffect(() => {
+    if (createDownloadResults.data) {
+      pushSnackbarMessage(t('components.studyDownload.downloadStartedSuccess'), 'success');
+    } else if (createDownloadResults.error) {
+      pushSnackbarMessage(t('components.studyDownload.downloadFailed'), 'error');
+    }
+  }, [createDownloadResults.data, createDownloadResults.error]);
+
+  const handleConfirmation = () => {
+    createDownloadMutation({
+      variables: {
+        downloadRequest: {
+          study: targetStudy._id
+        },
+        textOnly
+      }
+    });
+    close();
+  };
+
+  const handleCancel = () => {
+    close();
+  };
+
+  return (
+    <Dialog sx={{ '& .MuiDialog-paper': { width: '80%', maxHeight: 435 } }} maxWidth="xs" open={open}>
+      <DialogTitle>{title}</DialogTitle>
+      <DialogContent>
+        <Stack>
+          <Typography>{message}</Typography>
+          <FormControlLabel
+            control={<Checkbox value={textOnly} onChange={(event) => setTextOnly(event.target.checked)} />}
+            label="Text Only"
+          />
+        </Stack>
+      </DialogContent>
+      <DialogActions>
+        <Button autoFocus onClick={handleCancel}>
+          {t('common.cancel')}
+        </Button>
+        <Button onClick={handleConfirmation}> {t('common.ok')}</Button>
+      </DialogActions>
+    </Dialog>
+  );
+};