[#643] Refresh schema list on delete

Author: Katia Aresti

src/app/Caches/Create/Features/BackupsCacheConfigurator.tsx

@@ -169,8 +169,8 @@ const BackupsCacheConfigurator = (props: { isEnabled: boolean }) => {
                 name={index.toString()}
                 id={`async-${index}`}
                 onChange={() => {
-                  (site.siteStrategy = BackupSiteStrategy.ASYNC),
-                    setSites(sites.map((chip) => (chip.siteName === site.siteName ? site : chip)));
+                  ((site.siteStrategy = BackupSiteStrategy.ASYNC),
+                    setSites(sites.map((chip) => (chip.siteName === site.siteName ? site : chip))));
                 }}
                 isChecked={site.siteStrategy === 'ASYNC'}
                 label={t('caches.create.configurations.feature.strategy-async')}
@@ -179,8 +179,8 @@ const BackupsCacheConfigurator = (props: { isEnabled: boolean }) => {
                 name={index.toString()}
                 id={`sync-${index}`}
                 onChange={() => {
-                  (site.siteStrategy = BackupSiteStrategy.SYNC),
-                    setSites(sites.map((chip) => (chip.siteName === site.siteName ? site : chip)));
+                  ((site.siteStrategy = BackupSiteStrategy.SYNC),
+                    setSites(sites.map((chip) => (chip.siteName === site.siteName ? site : chip))));
                 }}
                 isChecked={site.siteStrategy === 'SYNC'}
                 label={t('caches.create.configurations.feature.strategy-sync')}

src/app/ProtoSchema/ProtobufSchemasDisplay.tsx

@@ -96,6 +96,12 @@ const ProtobufSchemasDisplay = (props: { setProtoSchemasCount: (number) => void;
     status: t('schemas.status')
   };
 
+  useEffect(() => {
+    if (props.isVisible) {
+      reload();
+    }
+  }, [props.isVisible]);
+
   useEffect(() => {
     if (schemas) {
       props.setProtoSchemasCount(schemas.length);
@@ -145,11 +151,6 @@ const ProtobufSchemasDisplay = (props: { setProtoSchemasCount: (number) => void;
     setEditSchemaName('');
   };
 
-  const closeDeleteSchemaModal = () => {
-    setDeleteSchemaName('');
-    reload();
-  };
-
   const submitEditSchemaModal = () => {
     setEditSchemaName('');
     reload();
@@ -286,7 +287,7 @@ const ProtobufSchemasDisplay = (props: { setProtoSchemasCount: (number) => void;
         >
           <Thead>
             <Tr>
-              <Th />
+              <Th screenReaderText={'expand button'}></Th>
               <Th width={30}>{columnNames.name}</Th>
               <Th width={60}>{columnNames.status}</Th>
             </Tr>
@@ -368,7 +369,10 @@ const ProtobufSchemasDisplay = (props: { setProtoSchemasCount: (number) => void;
       <DeleteSchema
         schemaName={deleteSchemaName}
         isModalOpen={deleteSchemaName !== ''}
-        closeModal={closeDeleteSchemaModal}
+        closeModal={() => {
+          setDeleteSchemaName('');
+          reload();
+        }}
       />
     </React.Fragment>
   );