diff options
Diffstat (limited to 'src/components/settings/SecurityPage.tsx')
| -rw-r--r-- | src/components/settings/SecurityPage.tsx | 26 |
1 files changed, 3 insertions, 23 deletions
diff --git a/src/components/settings/SecurityPage.tsx b/src/components/settings/SecurityPage.tsx index dd650c4..9c498aa 100644 --- a/src/components/settings/SecurityPage.tsx +++ b/src/components/settings/SecurityPage.tsx @@ -6,6 +6,7 @@ import LogoutButton from './LogoutButton'; import { changeEmail } from '@/lib/api/ChangeEmail'; import { useState } from 'react'; import { ChangePasswordField } from './ChangePassword'; +import { SetPasswordField } from './SetPasswordField'; export default function SecurityPage() { const { user } = useAuthContext(); @@ -42,28 +43,7 @@ export default function SecurityPage() { <> <div className="flex flex-col flex-start gap-[40px] w-[900px] h-[816px]"> <div className="flex flex-col gap-[20px] w-[900px] "> - {showSetPassword && ( - <div className="flex flex-col flex-start gap-[20px] w-[310px] h-[241px]"> - <p className="text-light-violet font-medium"> - ЗАДАТЬ ПАРОЛЬ - </p> - <div className="flex flex-col flex-start gap-[10px] w-[310px] h-[137px]"> - <InputField - placeholder="Введите пароль" - type="password" - name="password" - /> - <InputField - isPassword - placeholder="Повторите пароль" - type="password" - name="repeat_password" - /> - </div> - <Button>Сменить</Button> - <Separator className="bg-violet/30 h-[1px]" /> - </div> - )} + {showSetPassword && <SetPasswordField />} <div className="flex flex-col gap-[20px] w-[310px]"> <p className="text-light-violet font-medium"> @@ -91,7 +71,7 @@ export default function SecurityPage() { <Button onClick={handleChangeEmail}>Сменить</Button> </div> - <Separator className="bg-violet/30 h-[1px]" /> + <Separator className="bg-violet/30 h-[1px] w-[900px]" /> {hasPassword && <ChangePasswordField />} <LogoutButton /> </div> |