updated the login component

src/pages/index.tsx

@@ -10,6 +10,7 @@ import * as Yup from 'yup';
 import { getOtt } from 'services/userService';
 import Container from 'components/Container';
 import { setData, LS_KEYS, getData } from 'utils/storage/localStorage';
+import { Alert } from 'react-bootstrap';
 
 interface formValues {
     email: string;
@@ -18,6 +19,7 @@ interface formValues {
 export default function Home() {
     const [loading, setLoading] = useState(false);
     const router = useRouter();
+    const [showMessage, setShowMessage] = useState(false);
 
     useEffect(() => {
         router.prefetch('/verify');
@@ -38,16 +40,29 @@ export default function Home() {
             setData(LS_KEYS.USER, { email });
             router.push('/verify');
         } catch (e) {
-            setFieldError('email', `${constants.UNKNOWN_ERROR} ${e.message}`);
+            if (e.response.status == 403) {
+                setFieldError('email', `${constants.USER_DOESNOT_EXIST}`);
+            } else {
+                setFieldError(
+                    'email',
+                    `${constants.UNKNOWN_ERROR} ${e.message}`
+                );
+            }
         }
         setLoading(false);
     };
 
     const register = () => {
-        router.push('/signup');
+        setShowMessage(true);
+        setTimeout(() => setShowMessage(false), 15000);
     };
 
     return (
+        <>
+            <div style={{ display: showMessage ? 'block' : 'none' }}>
+                <Alert variant="info">{constants.WEB_SIGNUPS_DISABLED}</Alert>
+            </div>
+
             <Container>
                 <Card style={{ minWidth: '300px' }} className="text-center">
                     <Card.Body>
@@ -110,5 +125,6 @@ export default function Home() {
                     </Card.Body>
                 </Card>
             </Container>
+        </>
     );
 }