From 0938577c05310e549100ded38e5c53b02a0ce2a7 Mon Sep 17 00:00:00 2001
From: Pihkaal <pihkaal@proton.me>
Date: Thu, 12 Sep 2024 17:17:41 +0200
Subject: [PATCH] feat(sddm): disable button when password isn't filled

---
 src/components/Sddm.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/Sddm.tsx b/src/components/Sddm.tsx
index c934984..264a48b 100644
--- a/src/components/Sddm.tsx
+++ b/src/components/Sddm.tsx
@@ -47,7 +47,7 @@ export const Sddm = () => {
         const canType =
           password < 4 ||
           password === PASSWORD_LENGTH - 1 ||
-          Math.random() > 0.2;
+          Math.random() > 0.15;
         setPassword(Math.max(0, password + (canType ? 1 : -1)));
       },
       password === 0 ? 1000 : Math.random() * 250 + 100,
@@ -127,12 +127,9 @@ export const Sddm = () => {
 
             <div className="flex min-w-[210px] flex-col gap-1 text-left transition-colors lg:w-1/2">
               <button
+                disabled={password !== PASSWORD_LENGTH}
                 onClick={() => setState("desktop")}
-                className={`w-full select-none rounded-full p-2 ${
-                  password === PASSWORD_LENGTH
-                    ? "bg-neutral-800 hover:bg-zinc-800"
-                    : "cursor-default bg-white bg-opacity-30"
-                }`}
+                className="w-full select-none rounded-full bg-neutral-800 p-2 hover:bg-zinc-800 disabled:cursor-default disabled:bg-white disabled:bg-opacity-30"
               >
                 Login
               </button>