From 2642d49c57a24eb17348a367fd7785fc1c8666eb Mon Sep 17 00:00:00 2001
From: Nishchit14 <dnishchit@gmail.com>
Date: Fri, 28 Jul 2023 16:08:06 +0530
Subject: [PATCH] fix(SignUp): updated username regex check message

---
 .../src/components/modals/auth/SignUp.tsx             | 11 +++++++----
 platform/firecamp-ui/src/scss/tailwind.scss           |  4 ++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/platform/firecamp-platform/src/components/modals/auth/SignUp.tsx b/platform/firecamp-platform/src/components/modals/auth/SignUp.tsx
index 5f47ec93..ef33fa85 100644
--- a/platform/firecamp-platform/src/components/modals/auth/SignUp.tsx
+++ b/platform/firecamp-platform/src/components/modals/auth/SignUp.tsx
@@ -101,7 +101,10 @@ const SignUp: FC<IModal> = ({ opened, onClose }) => {
               required: true,
               maxLength: 50,
               minLength: 1,
-              pattern: /^[0-9a-zA-Z ]+$/,
+              pattern: {
+                value: /^[0-9a-zA-Z ]+$/,
+                message: "Username cannot contain special characters"
+              },
             }}
             useformRef={form}
             onKeyDown={_onKeyDown}
@@ -110,7 +113,7 @@ const SignUp: FC<IModal> = ({ opened, onClose }) => {
                 ? errors?.username?.message || 'Please enter username'
                 : ''
             }
-            wrapperClassName="!mb-2"
+            wrapperClassName="!mb-4"
           />
           <Input
             placeholder="Enter your email"
@@ -132,7 +135,7 @@ const SignUp: FC<IModal> = ({ opened, onClose }) => {
                   'Please enter valid username or password'
                 : ''
             }
-            wrapperClassName="!mb-2"
+            wrapperClassName="!mb-4"
           />
           <Input
             placeholder="Enter password"
@@ -163,7 +166,7 @@ const SignUp: FC<IModal> = ({ opened, onClose }) => {
                 ? errors?.password?.message || 'Please enter valid password'
                 : ''
             }
-            wrapperClassName="!mb-3"
+            wrapperClassName="!mb-4"
           />
 
           <Button
diff --git a/platform/firecamp-ui/src/scss/tailwind.scss b/platform/firecamp-ui/src/scss/tailwind.scss
index 1198bed5..48ca76ba 100644
--- a/platform/firecamp-ui/src/scss/tailwind.scss
+++ b/platform/firecamp-ui/src/scss/tailwind.scss
@@ -547,6 +547,10 @@
 .\!mb-3{
    margin-bottom: 0.75rem !important;
 
+}
+.\!mb-4{
+   margin-bottom: 1rem !important;
+
 }
 .\!ml-auto{
    margin-left: auto !important;