src/client/actions/fileops.actions.tsx

@@ -40,7 +40,7 @@ import { success } from "react-notification-system-redux";
 
 import { isNil, map } from "lodash";
 
-export const getServiceStatus = (serviceName?: string) => async dispatch => {
+export const getServiceStatus = (serviceName?: string) => async (dispatch) => {
   axios
     .request({
       url: `${LIBRARY_SERVICE_BASE_URI}/getHealthInformation`,

src/client/components/Import.tsx

@@ -43,7 +43,7 @@ export const Import = (props: IProps): ReactElement => {
   const libraryQueueImportStatus = useSelector(
     (state: RootState) => state.fileOps.IMSCallInProgress,
   );
-  const [isImportQueuePaused, setImportQueueStatus] = useState(false);
+  const [isImportQueuePaused, setImportQueueStatus] = useState(undefined);
   const initiateImport = useCallback(() => {
     if (typeof props.path !== "undefined") {
       dispatch(fetchComicBookMetadata(props.path));
@@ -52,9 +52,9 @@ export const Import = (props: IProps): ReactElement => {
 
   const toggleImport = useCallback(() => {
     setImportQueueStatus(!isImportQueuePaused);
-    if (isImportQueuePaused === false) {
+    if (isImportQueuePaused === true) {
       dispatch(toggleImportQueueStatus({ action: "resume" }));
-    } else if (isImportQueuePaused === true) {
+    } else if (isImportQueuePaused === false) {
       dispatch(toggleImportQueueStatus({ action: "pause" }));
     }
   }, [isImportQueuePaused]);
@@ -143,7 +143,7 @@ export const Import = (props: IProps): ReactElement => {
                     className="button is-warning is-light"
                     onClick={toggleImport}
                   >
-                    {!isImportQueuePaused ? pauseIconText : playIconText}
+                    {isImportQueuePaused ? pauseIconText : playIconText}
                   </button>
                 </div>
               </td>

src/client/reducers/fileops.reducer.ts

@@ -177,6 +177,10 @@ function fileOpsReducer(state = initialState, action) {
       };
     }
 
+    case "LS_IMPORT_QUEUE_DRAINED": {
+      console.log("Queue drained");
+    }
+
     case COMICBOOK_EXTRACTION_SUCCESS: {
       const comicBookPages: string[] = [];
       map(action.result.files, (page) => {