From 764cd2b33800d36e1e16eb721cdc82f40f8c05d5 Mon Sep 17 00:00:00 2001
From: Roj <ez@roj.im>
Date: Fri, 22 Mar 2024 17:16:28 +0300
Subject: [PATCH] [Session String Converter] Fix a small UI bug

---
 islands/SessionStringConverter.tsx | 49 +++++++++++++++---------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/islands/SessionStringConverter.tsx b/islands/SessionStringConverter.tsx
index 2ad4109..3f81577 100644
--- a/islands/SessionStringConverter.tsx
+++ b/islands/SessionStringConverter.tsx
@@ -199,32 +199,33 @@ export function SessionStringConverter() {
           {!inputValid.value && <Caption>Choose different formats.</Caption>}
         </Label>
         <div class="w-full border-t border-border"></div>
-        <Label>
-          {needsUserDetails.value && (
-            <>
-              <Caption>Account Type</Caption>
-              <Select
-                value={accountType.value}
-                values={["Bot", "User"]}
-                onChange={(v) => accountType.value = v}
-              />
-              <Input
-                placeholder="User ID"
-                value={userId.value}
-                onChange={(e) => userId.value = e.currentTarget.value}
-              />
-            </>
-          )}
-          {needsApiId.value && (
-            <Input
-              placeholder="API ID"
-              value={apiId.value}
-              onChange={(e) => apiId.value = e.currentTarget.value}
-            />
-          )}
-        </Label>
         {inputValid.value && (
           <>
+            <Label>
+              {needsUserDetails.value && (
+                <>
+                  <Caption>Account Type</Caption>
+                  <Select
+                    value={accountType.value}
+                    values={["Bot", "User"]}
+                    onChange={(v) => accountType.value = v}
+                  />
+                  <Input
+                    placeholder="User ID"
+                    value={userId.value}
+                    onChange={(e) => userId.value = e.currentTarget.value}
+                  />
+                </>
+              )}
+              {needsApiId.value && (
+                <Input
+                  placeholder="API ID"
+                  value={apiId.value}
+                  onChange={(e) => apiId.value = e.currentTarget.value}
+                />
+              )}
+            </Label>
+
             <Label>
               <Caption>Input</Caption>
               <Input