fixed processing count update on failed condtition

Author: kartikpersistent

frontend/src/components/Content.tsx

@@ -31,6 +31,8 @@ import FallBackDialog from './UI/FallBackDialog';
 import DeletePopUp from './Popups/DeletePopUp/DeletePopUp';
 import GraphEnhancementDialog from './Popups/GraphEnhancementDialog';
 import { tokens } from '@neo4j-ndl/base';
+import axios from 'axios';
+
 const ConnectionModal = lazy(() => import('./Popups/ConnectionModal/ConnectionModal'));
 const ConfirmationDialog = lazy(() => import('./Popups/LargeFilePopUp/ConfirmationDialog'));
 let afterFirstRender = false;
@@ -180,6 +182,7 @@ const Content: React.FC<ContentProps> = ({
   };
 
   const extractHandler = async (fileItem: CustomFile, uid: string) => {
+    queue.remove(fileItem.name as string);
     try {
       setFilesData((prevfiles) =>
         prevfiles.map((curfile) => {
@@ -252,28 +255,45 @@ const Content: React.FC<ContentProps> = ({
         });
       }
     } catch (err: any) {
-      const error = JSON.parse(err.message);
-      if (Object.keys(error).includes('fileName')) {
-        const { message } = error;
-        const { fileName } = error;
-        const errorMessage = error.message;
-        setalertDetails({
-          showAlert: true,
-          alertType: 'error',
-          alertMessage: message,
-        });
-        setFilesData((prevfiles) =>
-          prevfiles.map((curfile) => {
-            if (curfile.name == fileName) {
-              return {
-                ...curfile,
-                status: 'Failed',
-                errorMessage,
-              };
-            }
-            return curfile;
-          })
-        );
+      if (err instanceof Error) {
+        try {
+          const error = JSON.parse(err.message);
+          if (Object.keys(error).includes('fileName')) {
+            setProcessedCount((prev) => {
+              if (prev == batchSize) {
+                return batchSize - 1;
+              }
+              return prev + 1;
+            });
+            const { message, fileName } = error;
+            queue.remove(fileName);
+            const errorMessage = error.message;
+            setalertDetails({
+              showAlert: true,
+              alertType: 'error',
+              alertMessage: message,
+            });
+            setFilesData((prevfiles) =>
+              prevfiles.map((curfile) => {
+                if (curfile.name == fileName) {
+                  return { ...curfile, status: 'Failed', errorMessage };
+                }
+                return curfile;
+              })
+            );
+          } else {
+            console.error('Unexpected error format:', error);
+          }
+        } catch (parseError) {
+          if (axios.isAxiosError(err)) {
+            const axiosErrorMessage = err.response?.data?.message || err.message;
+            console.error('Axios error occurred:', axiosErrorMessage);
+          } else {
+            console.error('An unexpected error occurred:', err.message);
+          }
+        }
+      } else {
+        console.error('An unknown error occurred:', err);
       }
     }
   };
@@ -839,4 +859,4 @@ const Content: React.FC<ContentProps> = ({
   );
 };
 
-export default Content;
+export default Content;

frontend/src/components/Graph/GraphViewModal.tsx

@@ -580,4 +580,4 @@ const GraphViewModal: React.FunctionComponent<GraphViewModalProps> = ({
     </>
   );
 };
-export default GraphViewModal;
+export default GraphViewModal;

frontend/src/components/Layout/PageLayout.tsx

@@ -175,4 +175,4 @@ export default function PageLayoutNew({
       />
     </div>
   );
-}
+}

frontend/src/components/Popups/DeletePopUp/DeletePopUp.tsx

@@ -54,4 +54,4 @@ export default function DeletePopUp({
       </Dialog.Actions>
     </Dialog>
   );
-}
+}

frontend/src/components/Popups/GraphEnhancementDialog/DeleteTabForOrphanNodes/index.tsx

@@ -279,4 +279,4 @@ export default function DeletePopUpForOrphanNodes({
       </Flex>
     </div>
   );
-}
+}

frontend/src/components/Popups/GraphEnhancementDialog/index.tsx

@@ -126,4 +126,4 @@ export default function GraphEnhancementDialog({
       </Dialog.Content>
     </Dialog>
   );
-}
+}

frontend/src/components/Popups/LargeFilePopUp/LargeFilesAlert.tsx

@@ -100,4 +100,4 @@ const LargeFilesAlert: FC<LargefilesProps> = ({ largeFiles, handleToggle, checke
     </Box>
   );
 };
-export default LargeFilesAlert;
+export default LargeFilesAlert;

frontend/src/hooks/useSse.tsx

@@ -67,7 +67,6 @@ export default function useServerSideEvent(
         }
         return prev + 1;
       });
-      queue.remove(fileName);
     } else if (eventSourceRes.status === 'Failed') {
       setFilesData((prevfiles) => {
         return prevfiles.map((curfile) => {