From be066c6144103543ec281227dfafcdac4d21cba9 Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Fri, 8 Dec 2023 19:58:16 +0300
Subject: [PATCH] Add input validation for login

---
 rsconcept/frontend/src/pages/RegisterPage.tsx | 7 +++++--
 rsconcept/frontend/src/utils/constants.ts     | 7 +++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/rsconcept/frontend/src/pages/RegisterPage.tsx b/rsconcept/frontend/src/pages/RegisterPage.tsx
index e01ba75d..a32f6068 100644
--- a/rsconcept/frontend/src/pages/RegisterPage.tsx
+++ b/rsconcept/frontend/src/pages/RegisterPage.tsx
@@ -15,7 +15,7 @@ import { HelpIcon } from '../components/Icons';
 import { useAuth } from '../context/AuthContext';
 import { useConceptNavigation } from '../context/NagivationContext';
 import { type IUserSignupData } from '../models/library';
-import { globalIDs } from '../utils/constants';
+import { globalIDs, patterns } from '../utils/constants';
 
 function RegisterPage() {
   const location = useLocation();
@@ -66,7 +66,7 @@ function RegisterPage() {
   }
   return (
   <form
-    className='py-3 px-6 flex flex-col gap-3 h-fit'
+    className='flex flex-col gap-3 px-6 py-3 h-fit'
     onSubmit={handleSubmit}
   >
     <h1>Новый пользователь</h1>
@@ -90,6 +90,8 @@ function RegisterPage() {
 
         <TextInput id='username' required
           label='Имя пользователя (логин)'
+          pattern={patterns.login}
+          tooltip='Минимум 3 знака. Латинские буквы и цифры. Не может начинаться с цифры'
           value={username}
           dimensions='w-[12rem]'
           onChange={event => setUsername(event.target.value)}
@@ -111,6 +113,7 @@ function RegisterPage() {
       <div className='flex flex-col gap-3 w-[15rem]'>
         <TextInput id='email' required
           label='Электронная почта (email)'
+          tooltip='электронная почта в корректном формате, например: i.petrov@mycompany.ru.com'
           value={email}
           onChange={event => setEmail(event.target.value)}
         />
diff --git a/rsconcept/frontend/src/utils/constants.ts b/rsconcept/frontend/src/utils/constants.ts
index b55de862..b9fb5ab1 100644
--- a/rsconcept/frontend/src/utils/constants.ts
+++ b/rsconcept/frontend/src/utils/constants.ts
@@ -33,6 +33,13 @@ export const resources = {
   logo: '/logo_full.svg'
 };
 
+/**
+ * Regex patterns for data validation.
+ */
+export const patterns = {
+  login: '^[a-zA-Z][a-zA-Z0-9_\\-]{1,}[a-zA-Z0-9]$'
+}
+
 /**
  * Youtube IDs for embedding.
  */