reformat

pkgs/ui/src/components/background.tsx

@@ -43,9 +43,3 @@ export default function Background() {
     </div>
   );
 }
-
-// position: fixed;
-// height: 100vh;
-// width: 100vw;
-// overflow: hidden;
-// z-index: -1;

pkgs/ui/src/components/createMachineForm/customConfig.tsx

@@ -54,7 +54,7 @@ export function CustomConfig(props: FormStepContentProps) {
         }
         return acc;
       }, {}),
-    [schema]
+    [schema],
   );
 
   return isLoading ? (
@@ -124,7 +124,7 @@ function PureCustomConfig(props: PureCustomConfigProps) {
         message: "invalid config",
       });
       toast.error(
-        "Configuration is invalid. Please check the highlighted fields for details."
+        "Configuration is invalid. Please check the highlighted fields for details.",
       );
     } else {
       formHooks.clearErrors("config");

pkgs/ui/src/components/hooks/useMachines.tsx

@@ -62,7 +62,7 @@ export const MachineContextProvider = (props: MachineContextProviderProps) => {
     if (!isLoading && !error && !isValidating && rawData) {
       const { machines } = rawData.data;
       return machines.filter((m) =>
-        filters.every((f) => m[f.name] === f.value)
+        filters.every((f) => m[f.name] === f.value),
       );
     }
     return [];

pkgs/ui/src/components/join/configureVM.tsx

@@ -90,10 +90,14 @@ export const ConfigureVM = (props: VmDetailsProps) => {
             render={({ field }) => (
               <Select
                 {...field}
+                required
                 variant="standard"
                 fullWidth
                 disabled={isLoading}
               >
+                {!data?.data.flake_attrs.includes("default") && (
+                  <MenuItem value={"default"}>default</MenuItem>
+                )}
                 {data?.data.flake_attrs.map((attr) => (
                   <MenuItem value={attr} key={attr}>
                     {attr}