Use short circuit trick to realize optional ui elements

ProvideQ · Jan 23, 2024 · e85c8a1 · e85c8a1
1 parent 48bbcba
commit e85c8a1
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/components/solvers/SolverPicker.tsx b/src/components/solvers/SolverPicker.tsx
@@ -141,13 +141,11 @@ export const SolverPicker = (props: SolverPickerProps) => {
   return (
     <Container>
       {loadingSolvers ? <Text>Loading solvers...</Text> : <SolverSelection />}
-
       {selectedSolver?.authenticationOptions !== undefined &&
-      selectedSolver?.authenticationOptions !== null
-        ? Authentication(selectedSolver.authenticationOptions)
-        : null}
+        selectedSolver?.authenticationOptions !== null &&
+        Authentication(selectedSolver.authenticationOptions)}
 
-      {solverChoice.requestedSolverId == undefined ? (
+      {solverChoice.requestedSolverId == undefined && (
         <SettingsView
           problemType={props.problemType}
           settingChanged={(settings) => {
@@ -160,9 +158,9 @@ export const SolverPicker = (props: SolverPickerProps) => {
             props.setSolverChoice(newSolverChoice);
           }}
         />
-      ) : null}
+      )}
 
-      {subRoutines == undefined || subRoutines.length == 0 ? null : (
+      {subRoutines != undefined && subRoutines.length != 0 && (
         <Box borderWidth="1px" borderRadius="lg" overflow="hidden" p={2}>
           {subRoutines.map((def) => (
             <SolverPicker