Validate username in onClick

cartridge-gg · Jun 13, 2024 · 7712cb5 · 7712cb5
1 parent 44d5ccd
commit 7712cb5
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/keychain/src/components/connect/Signup.tsx b/packages/keychain/src/components/connect/Signup.tsx
@@ -141,21 +141,25 @@ function Form({
               autoFocus
               placeholder="Username"
               touched={meta.touched}
-              error={meta.error}
+              error={meta.error || error?.message}
               onClear={() => form.setFieldValue(field.name, "")}
               isLoading={isValidating}
             />
           )}
         </FormikField>
-
-        <ErrorComp error={error} />
       </Content>
 
       <Footer isSlot={isSlot} createSession showTerm>
         <Button
           colorScheme="colorful"
           isLoading={isRegistering}
-          onClick={() => {
+          onClick={async () => {
+            const error = await validateUsernameFor("signup")(values.username);
+            if (error) {
+              setError(new Error(error));
+              return;
+            }
+
             setIsRegistering(true);
 
             const searchParams = new URLSearchParams(window.location.search);