handle loading schema for sdl builder

akash-network · Oct 6, 2023 · aa3877e · aa3877e
1 parent ebeb33a
commit aa3877e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 10 deletions.
diff --git a/deploy-web/src/components/sdl/HttpOptionsFormControl.tsx b/deploy-web/src/components/sdl/HttpOptionsFormControl.tsx
@@ -86,7 +86,7 @@ export const HttpOptionsFormControl: React.FunctionComponent<Props> = ({ control
           </Box>
         </Box>
 
-        {currentService.expose[exposeIndex].hasCustomHttpOptions && (
+        {currentService.expose[exposeIndex]?.hasCustomHttpOptions && (
           <>
             <Controller
               control={control}

diff --git a/deploy-web/src/components/sdl/SimpleServiceFormControl.tsx b/deploy-web/src/components/sdl/SimpleServiceFormControl.tsx
@@ -2,6 +2,7 @@ import { useTheme } from "@mui/material/styles";
 import {
   Box,
   Checkbox,
+  CircularProgress,
   Collapse,
   FormControl,
   FormHelperText,
@@ -522,15 +523,24 @@ export const SimpleServiceFormControl: React.FunctionComponent<Props> = ({
                         </Box>
 
                         <Box sx={{ marginTop: "1rem" }}>
-                          <FormSelect
-                            control={control}
-                            label="GPU models"
-                            optionName="hardware-gpu-model"
-                            name={`services.${serviceIndex}.profile.gpuModels`}
-                            providerAttributesSchema={providerAttributesSchema}
-                            required={false}
-                            multiple
-                          />
+                          {providerAttributesSchema ? (
+                            <FormSelect
+                              control={control}
+                              label="GPU models"
+                              optionName="hardware-gpu-model"
+                              name={`services.${serviceIndex}.profile.gpuModels`}
+                              providerAttributesSchema={providerAttributesSchema}
+                              required={false}
+                              multiple
+                            />
+                          ) : (
+                            <Box sx={{ display: "flex", alignItems: "center" }}>
+                              <CircularProgress size="1rem" color="secondary" />
+                              <Typography color="textSecondary" variant="caption" sx={{ marginLeft: ".5rem" }}>
+                                Loading GPU models...
+                              </Typography>
+                            </Box>
+                          )}
                         </Box>
                       </div>
                     )}