"download_uniprot" removes "diamond_database" customization

src/components/NavSidebar.js

@@ -13,7 +13,7 @@ export const NavSidebar = () => {
   const [isSidebarOpen, setIsSidebarOpen] = useState(false);
 
   return (
-    <React.Fragment>
+    <>
       {/* Sidebar Overlay */}
       <div
         onClick={() => setIsSidebarOpen(false)}
@@ -95,15 +95,8 @@ export const NavSidebar = () => {
                   itemId: "/MOSGUITO/proteomics-configuration"
                 }
               ]
-            }
-          ]}
-        />
-
-        <div className="absolute bottom-0 w-full my-8">
-          <Navigation
-            activeItemId={location.pathname}
-            items={[
-              {
+            },
+            {
                 title: "Results",
                 itemId: "/MOSGUITO/results",
                 elemBefore: () => <FaChartPie />,
@@ -122,13 +115,9 @@ export const NavSidebar = () => {
                 }
               ]
               }
-            ]}
-            onSelect={({ itemId }) => {
-              history.push(itemId);
-            }}
-          />
-        </div>
+          ]}
+        />
       </div>
-    </React.Fragment>
+    </>
   );
 };

src/pages/config.js

@@ -23,7 +23,7 @@ import {
   keggcharterTaxaLevelOptions,
   recognizerDatabasesOptions
 } from '../utils/options'
-import './../App.css'
+import '../App.css'
 import {DashboardLayout} from "../components/Layout";
 import Accordion from "../components/Accordion";
 
@@ -159,19 +159,25 @@ const Main = ({ configData, onConfigChange }) => {
               )
             }
 
-            <LabelledTextField
-              label='DIAMOND database'
-              value={configData.diamondDatabase}
-              onChange={(ev) => onConfigChange('diamondDatabase', ev.target.value)}
-              placeholder={defaultValues.diamondDatabase}
-            />
-
             <LabelledCheckbox
               label='Download UniProt'
               checked={configData.downloadUniprot}
               setChecked={(ev) => onConfigChange('downloadUniprot', ev.target.checked)}
             />
 
+            {
+              configData.downloadUniprot ? (
+                <></>
+              ) : (
+                <LabelledTextField
+                  label='DIAMOND database'
+                  value={configData.diamondDatabase}
+                  onChange={(ev) => onConfigChange('diamondDatabase', ev.target.value)}
+                  placeholder={defaultValues.diamondDatabase}
+                />
+              )
+            }
+
             <LabelledCheckbox
               label='Download CDD'
               checked={configData.downloadCdd}