From f747003893b7e6735b076bf75a1ff6a0517d0080 Mon Sep 17 00:00:00 2001
From: Johannes Kirschbauer <hsjobeki@gmail.com>
Date: Fri, 20 Dec 2024 20:14:42 +0100
Subject: [PATCH] UI: fix interface breakages on some components. Features will
 be migrated later

---
 pkgs/webview-ui/app/src/Form/form/index.tsx         |  6 +++---
 pkgs/webview-ui/app/src/routes/clans/create.tsx     | 12 ++++++------
 pkgs/webview-ui/app/src/routes/clans/details.tsx    | 12 ++++++------
 pkgs/webview-ui/app/src/routes/machines/details.tsx |  3 ++-
 pkgs/webview-ui/app/tailwind/core-plugin.ts         |  4 ++--
 5 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/pkgs/webview-ui/app/src/Form/form/index.tsx b/pkgs/webview-ui/app/src/Form/form/index.tsx
index 021eccd79..99c73b233 100644
--- a/pkgs/webview-ui/app/src/Form/form/index.tsx
+++ b/pkgs/webview-ui/app/src/Form/form/index.tsx
@@ -248,7 +248,7 @@ export function StringField<T extends FieldValues, R extends ResponseData>(
                 {(options) => (
                   <SelectInput
                     error={field.error}
-                    altLabel={props.schema.title}
+                    // altLabel={props.schema.title}
                     label={props.path.join(".")}
                     helperText={props.schema.description}
                     value={field.value || []}
@@ -276,7 +276,7 @@ export function StringField<T extends FieldValues, R extends ResponseData>(
               <TextInput
                 inputProps={{ ...fieldProps, readonly }}
                 value={field.value as unknown as string}
-                type="password"
+                // type="password"
                 error={field.error}
                 {...commonProps}
                 // required
@@ -525,7 +525,7 @@ export function ArrayFields<T extends FieldValues, R extends ResponseData>(
                           <SelectInput
                             multiple
                             error={field.error}
-                            altLabel={props.schema.title}
+                            // altLabel={props.schema.title}
                             label={listFieldName}
                             helperText={props.schema.description}
                             value={field.value || ""}
diff --git a/pkgs/webview-ui/app/src/routes/clans/create.tsx b/pkgs/webview-ui/app/src/routes/clans/create.tsx
index 022c42045..75872d27f 100644
--- a/pkgs/webview-ui/app/src/routes/clans/create.tsx
+++ b/pkgs/webview-ui/app/src/routes/clans/create.tsx
@@ -159,12 +159,12 @@ export const CreateClan = () => {
                 <div class="collapse-title link font-medium ">Advanced</div>
                 <div class="collapse-content">
                   <TextInput
-                    adornment={{
-                      content: (
-                        <span class="-mr-1 text-neutral-500">clan-core #</span>
-                      ),
-                      position: "start",
-                    }}
+                    // adornment={{
+                    //   content: (
+                    //     <span class="-mr-1 text-neutral-500">clan-core #</span>
+                    //   ),
+                    //   position: "start",
+                    // }}
                     inputProps={props}
                     label="Template to use"
                     value={field.value ?? ""}
diff --git a/pkgs/webview-ui/app/src/routes/clans/details.tsx b/pkgs/webview-ui/app/src/routes/clans/details.tsx
index 7a11eacac..6af6686f3 100644
--- a/pkgs/webview-ui/app/src/routes/clans/details.tsx
+++ b/pkgs/webview-ui/app/src/routes/clans/details.tsx
@@ -217,12 +217,12 @@ const AdminModuleForm = (props: AdminModuleFormProps) => {
                     <TextInput
                       inputProps={props}
                       label={"Name"}
-                      adornment={{
-                        position: "start",
-                        content: (
-                          <span class="material-icons text-gray-400">key</span>
-                        ),
-                      }}
+                      // adornment={{
+                      //   position: "start",
+                      //   content: (
+                      //     <span class="material-icons text-gray-400">key</span>
+                      //   ),
+                      // }}
                       value={field.value ?? ""}
                       error={field.error}
                       class="col-span-4"
diff --git a/pkgs/webview-ui/app/src/routes/machines/details.tsx b/pkgs/webview-ui/app/src/routes/machines/details.tsx
index 4b510a276..f7ca5ac93 100644
--- a/pkgs/webview-ui/app/src/routes/machines/details.tsx
+++ b/pkgs/webview-ui/app/src/routes/machines/details.tsx
@@ -613,7 +613,8 @@ function WifiModule(props: MachineWifiProps) {
                   label="Password"
                   value={field.value ?? ""}
                   error={field.error}
-                  type="password"
+                  // todo
+                  // type="password"
                   required
                 />
               )}
diff --git a/pkgs/webview-ui/app/tailwind/core-plugin.ts b/pkgs/webview-ui/app/tailwind/core-plugin.ts
index f578dd00c..55a658766 100644
--- a/pkgs/webview-ui/app/tailwind/core-plugin.ts
+++ b/pkgs/webview-ui/app/tailwind/core-plugin.ts
@@ -10,7 +10,7 @@ const toRGB = (value: string) =>
 const mkBorderUtils = (
   theme: (n: string) => unknown,
   prefix: string,
-  cssProperty: string
+  cssProperty: string,
 ) => ({
   // - def colors
   [`.${prefix}-def-1`]: {
@@ -278,5 +278,5 @@ export default plugin.withOptions(
       },
       ...typography,
     },
-  })
+  }),
 );