From 2359a44c83752ef292fb1866038f26960c0edd27 Mon Sep 17 00:00:00 2001
From: root <root@vmi3321457.contaboserver.net>
Date: Mon, 29 Jun 2026 16:42:22 +0200
Subject: [PATCH] feat: add form validation to access check screen

Closes #6

- Explicit whitespace-only guild ID validation with inline error
- Explicit whitespace-only resource ID validation with inline error
- Red border highlight on invalid fields
- Button disabled when trimmed fields are empty
- Errors clear on input change
---
 app/access-check.tsx | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/app/access-check.tsx b/app/access-check.tsx
index b8a1a4f..4631f9a 100644
--- a/app/access-check.tsx
+++ b/app/access-check.tsx
@@ -27,6 +27,8 @@ export default function AccessCheck() {
   const [scanError, setScanError] = useState<string | null>(null);
   const [scannedPayload, setScannedPayload] = useState<ParsedAccessQrPayload | null>(null);
   const [addressError, setAddressError] = useState<string | null>(null);
+  const [guildIdError, setGuildIdError] = useState<string | null>(null);
+  const [resourceIdError, setResourceIdError] = useState<string | null>(null);
   const { isOffline } = useNetworkStatus();
 
   const accessCheck = useAccessCheck();
@@ -91,17 +93,34 @@ export default function AccessCheck() {
 
   const handleGuildIdChange = (nextGuildId: string) => {
     setGuildId(nextGuildId);
+    setGuildIdError(null);
     resetCompletedCheck();
   };
 
   const handleResourceIdChange = (nextResourceId: string) => {
     setResourceId(nextResourceId);
+    setResourceIdError(null);
     resetCompletedCheck();
   };
 
   const handleCheck = () => {
     const trimmedGuildId = guildId.trim();
     const trimmedResourceId = resourceId.trim();
+    let hasError = false;
+
+    if (!trimmedGuildId) {
+      setGuildIdError("Guild ID is required");
+      hasError = true;
+    } else {
+      setGuildIdError(null);
+    }
+
+    if (!trimmedResourceId) {
+      setResourceIdError("Resource ID is required");
+      hasError = true;
+    } else {
+      setResourceIdError(null);
+    }
 
     if (!address || !trimmedGuildId || !trimmedResourceId) {
       return;
@@ -161,11 +180,12 @@ export default function AccessCheck() {
               value={guildId}
               onChangeText={handleGuildIdChange}
               placeholder="e.g. alpha-guild"
-              className="bg-white border border-border rounded-xl p-4 text-text text-lg"
+              className={`bg-white border ${guildIdError ? "border-error" : "border-border"} rounded-xl p-4 text-text text-lg`}
               accessibilityLabel="Guild ID"
               accessibilityHint="Enter the guild identifier"
               testID="access-check-guild-id-input"
             />
+            {guildIdError && <Text className="text-error text-sm mt-1">{guildIdError}</Text>}
           </View>
 
           <View className="mt-4">
@@ -174,11 +194,12 @@ export default function AccessCheck() {
               value={resourceId}
               onChangeText={handleResourceIdChange}
               placeholder="e.g. secret-channel"
-              className="bg-white border border-border rounded-xl p-4 text-text text-lg"
+              className={`bg-white border ${resourceIdError ? "border-error" : "border-border"} rounded-xl p-4 text-text text-lg`}
               accessibilityLabel="Resource ID"
               accessibilityHint="Enter the resource identifier"
               testID="access-check-resource-id-input"
             />
+            {resourceIdError && <Text className="text-error text-sm mt-1">{resourceIdError}</Text>}
           </View>
 
           <Button
@@ -186,7 +207,7 @@ export default function AccessCheck() {
             onPress={handleCheck}
             className="mt-6"
             loading={isPending}
-            disabled={!address || !guildId || !resourceId || !!addressError || isOffline}
+            disabled={!address || !guildId.trim() || !resourceId.trim() || !!addressError || !!guildIdError || !!resourceIdError || isOffline}
           />
         </Card>