src/pages/home.tsx

@@ -1,7 +1,6 @@
 import { createDropzone, createFileUploader } from "@solid-primitives/upload";
 import { Title } from "@solidjs/meta";
 import { type RouteSectionProps, useNavigate } from "@solidjs/router";
-import { Eye, EyeClosed } from "lucide-solid";
 import { type Component, type JSX, Show, createSignal } from "solid-js";
 import { Portal } from "solid-js/web";
 import { Button } from "~/components/ui/button";
@@ -67,8 +66,6 @@ export const Home: Component<RouteSectionProps> = () => {
     }
   };
 
-  const [showPassphrase, setShowPassphrase] = createSignal(false);
-
   return (
     <>
       <Portal>
@@ -116,17 +113,10 @@ export const Home: Component<RouteSectionProps> = () => {
       </Portal>
       <Title>Signal stats</Title>
       <form class="mx-auto flex w-full flex-col gap-y-8 p-8 md:w-fit" onSubmit={onSubmit}>
-        <Flex flexDirection="row" class="w-full gap-x-2 md:w-sm" alignItems="end">
+        <TextField onChange={(value) => setPassphrase(value)}>
-          <TextField onChange={(value) => setPassphrase(value)} class="grow">
+          <TextFieldLabel>Passphrase</TextFieldLabel>
-            <TextFieldLabel>Passphrase</TextFieldLabel>
+          <TextFieldInput type="password" class="w-full md:w-sm" />
-            <TextFieldInput type={showPassphrase() ? "text" : "password"} />
+        </TextField>
-          </TextField>
-          <Button variant="ghost" onClick={() => setShowPassphrase((oldValue) => !oldValue)}>
-            <Show when={showPassphrase()} fallback={<EyeClosed />}>
-              <Eye />
-            </Show>
-          </Button>
-        </Flex>
         <Flex
           ref={dropzone.setRef}
           justifyContent="center"

src/pages/privacy.tsx

@@ -80,7 +80,7 @@ export const Privacy: Component<RouteSectionProps> = () => {
         I run this website as an individual. If you have any questions or complaints regarding my privacy and data
         practices, you can reach out to the data controller:
       </p>
-      <p class="bg-info p-4 text-info-foreground">
+      <p class="bg-info p-4">
         duskflower
         <br />
         privacy(at)duskflower.dev