Fixed rendering issue with Download and Remove resources

Author: vipinpaul

renderer/src/components/Resources/ListResources.js

@@ -62,7 +62,7 @@ export const ListResources = ({
   const [translationAcademy, setTranslationAcademy] = useState([]);
   const [obsTranslationNote, setObsTranslationNote] = useState([]);
   const [obsTranslationQuestion, setObsTranslationQuestion] = useState([]);
-
+  const [renderApp, setRenderApp] = useState(false);
   const handleDownloadHelpsResources = async (event, reference, offlineResource) => {
     if (!downloading) {
       try {
@@ -72,6 +72,7 @@ export const ListResources = ({
         setCurrentDownloading(null);
         setOpenSnackBar(true);
         setError('success');
+        setRenderApp(true);
         setSnackText('Resource Download Finished');
       } catch (err) {
         logger.debug('ResourcesPopUp.js', 'Error Downlaod ', err);
@@ -138,7 +139,10 @@ export const ListResources = ({
 
   useEffect(() => { // LOADS locally available
     readLocalResources(username, setSubMenuItems);
-  }, []);
+    if (renderApp === true) {
+      setRenderApp(false);
+    }
+  }, [renderApp]);
 
   return (
     <div className="h-full">
@@ -229,6 +233,7 @@ export const ListResources = ({
                         <RemoveResource
                           resource={resource}
                           selectResource={selectResource}
+                          setRenderApp={setRenderApp}
                         />
                       </div>
                     </div>

renderer/src/components/Resources/ObsBibleAudioTab.js

@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable no-nested-ternary */
 /* eslint-disable jsx-a11y/control-has-associated-label */
-import React, { useContext, useEffect } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import RemoveResource from '@/components/Resources/ResourceUtils/RemoveResource';
 import CheckHelpsUpdatePopUp from '@/components/Resources/ResourceUtils/CheckHelpsUpdatePopUp';
@@ -19,6 +19,7 @@ export default function ObsBibleAudioTab({
   subMenuItems,
 }) {
   const { t } = useTranslation();
+  const [renderApp, setRenderApp] = useState(false);
   const {
     states: {
       username,
@@ -33,7 +34,10 @@ export default function ObsBibleAudioTab({
 
   useEffect(() => { // LOADS  locally available
     readLocalResources(username, setSubMenuItems);
-  }, []);
+    if (renderApp === true) {
+      setRenderApp(false);
+    }
+  }, [renderApp]);
 
   useEffect(() => {
     const resourceName = (selectResource === 'bible')
@@ -159,6 +163,7 @@ export default function ObsBibleAudioTab({
                                   <RemoveResource
                                     resource={ref}
                                     selectResource={selectResource}
+                                    setRenderApp={setRenderApp}
                                   />
 )}
                               </div>

renderer/src/components/Resources/ResourceUtils/RemoveResource.js

@@ -90,7 +90,7 @@ const ResourceResetAfterCheckSameOnRefResourceAgSettings = async (setResetResour
 };
 
 function RemoveResource({
-  resource, selectResource,
+  resource, selectResource, setRenderApp,
 }) {
     logger.warn('removeResource.js', 'inside remove resource');
     const { t } = useTranslation();
@@ -148,6 +148,7 @@ function RemoveResource({
               // read ag-settings of the project
               await ResourceResetAfterCheckSameOnRefResourceAgSettings(setResetResourceOnDeleteOffline, resource);
               // handleRowSelect(null, null, null, null, '');
+              setRenderApp(true);
               setOpenSnackBar(true);
               setNotify('success');
               setSnackText('Removed Resource Successfully');
@@ -193,6 +194,7 @@ function RemoveResource({
 RemoveResource.propTypes = {
     resource: PropTypes.object,
     selectResource: PropTypes.string,
+    setRenderApp: PropTypes.func,
   };
 
 export default RemoveResource;