add google auth

1 files changed, 42 insertions, 37 deletions

diff --git a/src/components/settings/ChangePassword.tsx b/src/components/settings/ChangePassword.tsx
index d437b5e..7721c85 100644
--- a/src/components/settings/ChangePassword.tsx
+++ b/src/components/settings/ChangePassword.tsx
@@ -21,8 +21,8 @@ export const ChangePasswordField = () => {
             return;
         }
 
-        if (newPassword.length < 6) {
-            setError('Пароль должен быть минимум 6 символов');
+        if (newPassword.length < 8) {
+            setError('Пароль должен быть минимум 8 символов');
             return;
         }
 
@@ -47,45 +47,50 @@ export const ChangePasswordField = () => {
     };
 
     return (
-        <div className="flex flex-col gap-[20px] w-[310px]">
-            <p className="text-light-violet font-medium">СМЕНА ПАРОЛЯ</p>
+        <>
+            <div className="flex flex-col gap-[20px] w-[310px]">
+                <p className="text-light-violet font-medium">СМЕНА ПАРОЛЯ</p>
 
-            <div className="flex flex-col gap-[10px]">
-                <InputField
-                    placeholder="Текущий пароль"
-                    isPassword
-                    type="password"
-                    name="currentPassword"
-                    value={currentPassword}
-                    onChange={(e: any) => setCurrentPassword(e.target.value)}
-                />
+                <div className="flex flex-col gap-[10px]">
+                    <InputField
+                        placeholder="Текущий пароль"
+                        isPassword
+                        type="password"
+                        name="currentPassword"
+                        value={currentPassword}
+                        onChange={(e: any) =>
+                            setCurrentPassword(e.target.value)
+                        }
+                    />
 
-                <InputField
-                    placeholder="Новый пароль"
-                    isPassword
-                    type="password"
-                    name="newPassword"
-                    value={newPassword}
-                    onChange={(e: any) => setNewPassword(e.target.value)}
-                />
+                    <InputField
+                        placeholder="Новый пароль"
+                        isPassword
+                        type="password"
+                        name="newPassword"
+                        value={newPassword}
+                        onChange={(e: any) => setNewPassword(e.target.value)}
+                    />
 
-                <InputField
-                    placeholder="Повторите пароль"
-                    isPassword
-                    type="password"
-                    name="confirmPassword"
-                    value={confirmPassword}
-                    onChange={(e: any) => setConfirmPassword(e.target.value)}
-                />
-            </div>
-
-            {error && <p className="text-red text-sm">{error}</p>}
+                    <InputField
+                        placeholder="Повторите пароль"
+                        isPassword
+                        type="password"
+                        name="confirmPassword"
+                        value={confirmPassword}
+                        onChange={(e: any) =>
+                            setConfirmPassword(e.target.value)
+                        }
+                    />
+                </div>
 
-            <Button onClick={handleSubmit} disabled={loading}>
-                {loading ? 'Смена...' : 'Сменить'}
-            </Button>
+                {error && <p className="text-red text-sm">{error}</p>}
 
-            <Separator className="bg-violet/30 h-[1px]" />
-        </div>
+                <Button onClick={handleSubmit} disabled={loading}>
+                    {loading ? 'Смена...' : 'Сменить'}
+                </Button>
+            </div>
+            <Separator className="bg-violet/30 h-[1px] w-[900px]" />
+        </>
     );
 };