From a461024f825ac3c69c4b6001e51c80b90b7c36ff Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Tue, 3 Oct 2023 10:56:35 +0200
Subject: [PATCH] reformat

---
 pkgs/ui/src/app/layout.tsx                    |  4 +++-
 pkgs/ui/src/components/background.tsx         |  6 -----
 .../createMachineForm/customConfig.tsx        |  4 ++--
 pkgs/ui/src/components/hooks/useMachines.tsx  |  2 +-
 pkgs/ui/src/components/join/configureVM.tsx   |  4 ++++
 pkgs/ui/src/data/nodeData.tsx                 | 24 +++++++++----------
 6 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/pkgs/ui/src/app/layout.tsx b/pkgs/ui/src/app/layout.tsx
index 9681f36..d3b210b 100644
--- a/pkgs/ui/src/app/layout.tsx
+++ b/pkgs/ui/src/app/layout.tsx
@@ -105,7 +105,9 @@ export default function RootLayout({
               <AppContext.Consumer>
                 {(appState) => {
                   const showSidebarDerived = Boolean(
-                    showSidebar && !appState.isLoading && appState.data.isJoined
+                    showSidebar &&
+                      !appState.isLoading &&
+                      appState.data.isJoined,
                   );
                   return (
                     <>
diff --git a/pkgs/ui/src/components/background.tsx b/pkgs/ui/src/components/background.tsx
index 288dba2..1eb8174 100644
--- a/pkgs/ui/src/components/background.tsx
+++ b/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;
diff --git a/pkgs/ui/src/components/createMachineForm/customConfig.tsx b/pkgs/ui/src/components/createMachineForm/customConfig.tsx
index 139b34f..3a03aee 100644
--- a/pkgs/ui/src/components/createMachineForm/customConfig.tsx
+++ b/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");
diff --git a/pkgs/ui/src/components/hooks/useMachines.tsx b/pkgs/ui/src/components/hooks/useMachines.tsx
index c8c11bd..d158618 100644
--- a/pkgs/ui/src/components/hooks/useMachines.tsx
+++ b/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 [];
diff --git a/pkgs/ui/src/components/join/configureVM.tsx b/pkgs/ui/src/components/join/configureVM.tsx
index fc591b9..630cb5a 100644
--- a/pkgs/ui/src/components/join/configureVM.tsx
+++ b/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}
diff --git a/pkgs/ui/src/data/nodeData.tsx b/pkgs/ui/src/data/nodeData.tsx
index cdec623..729f338 100644
--- a/pkgs/ui/src/data/nodeData.tsx
+++ b/pkgs/ui/src/data/nodeData.tsx
@@ -15,7 +15,7 @@ export type NodeStatusKeys = (typeof NodeStatus)[keyof typeof NodeStatus];
 function createData(
   name: string,
   status: NodeStatusKeys,
-  last_seen: number
+  last_seen: number,
 ): TableData {
   if (status == NodeStatus.Online) {
     last_seen = 0;
@@ -96,61 +96,61 @@ export const tableData = [
     "Matchbox",
 
     NodeStatus.Pending,
-    0
+    0,
   ),
   createData(
     "Ahorn",
 
     NodeStatus.Online,
-    0
+    0,
   ),
   createData(
     "Yellow",
 
     NodeStatus.Offline,
-    16.0
+    16.0,
   ),
   createData(
     "Rauter",
 
     NodeStatus.Offline,
-    6.0
+    6.0,
   ),
   createData(
     "Porree",
 
     NodeStatus.Offline,
-    13
+    13,
   ),
   createData(
     "Helsinki",
 
     NodeStatus.Online,
-    0
+    0,
   ),
   createData(
     "Kelle",
 
     NodeStatus.Online,
-    0
+    0,
   ),
   createData(
     "Shodan",
 
     NodeStatus.Online,
-    0.0
+    0.0,
   ),
   createData(
     "Qubasa",
 
     NodeStatus.Offline,
-    7.0
+    7.0,
   ),
   createData(
     "Green",
 
     NodeStatus.Offline,
-    2
+    2,
   ),
   createData("Gum", NodeStatus.Offline, 0),
   createData("Xu", NodeStatus.Online, 0),
@@ -158,7 +158,7 @@ export const tableData = [
     "Zaatar",
 
     NodeStatus.Online,
-    0
+    0,
   ),
 ];