Commit 454c72be by asranov0003

feat: add auth logo

parent 2d5c05d1
.auth__logo {
display: flex;
justify-content: center;
margin: 1rem 0;
}
.auth__logo img {
width: 130px;
border-radius: 10px;
}
.auth__form { .auth__form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
...@@ -14,6 +14,7 @@ import { ...@@ -14,6 +14,7 @@ import {
} from "../../../stores/store"; } from "../../../stores/store";
import { TG_USER_ID } from "../../../constants/constants"; import { TG_USER_ID } from "../../../constants/constants";
import { useAuth } from "../../../contexts/AuthContext/useAuth"; import { useAuth } from "../../../contexts/AuthContext/useAuth";
import TheCybernanny from "../../../assets/images/TheCybernanny.png";
interface ILoginFormData { interface ILoginFormData {
login: string; login: string;
...@@ -53,6 +54,10 @@ const Login: React.FC = () => { ...@@ -53,6 +54,10 @@ const Login: React.FC = () => {
<div className="wrapper login"> <div className="wrapper login">
<AuthHeader /> <AuthHeader />
<div className="auth__logo">
<img src={TheCybernanny} alt="TheCybernanny" />
</div>
<h2>{t("auth.entrance")}</h2> <h2>{t("auth.entrance")}</h2>
<form className="auth__form" onSubmit={handleSubmit(onSubmit)}> <form className="auth__form" onSubmit={handleSubmit(onSubmit)}>
......
...@@ -12,6 +12,7 @@ import { ...@@ -12,6 +12,7 @@ import {
type RootState, type RootState,
} from "../../../stores/store"; } from "../../../stores/store";
import { authRecover } from "../../../stores/slices/authSlice"; import { authRecover } from "../../../stores/slices/authSlice";
import TheCybernanny from "../../../assets/images/TheCybernanny.png";
interface IRecoverFormData { interface IRecoverFormData {
login: string; login: string;
...@@ -44,6 +45,10 @@ const Recover: React.FC = () => { ...@@ -44,6 +45,10 @@ const Recover: React.FC = () => {
<div className="wrapper recover"> <div className="wrapper recover">
<AuthHeader back onBack={() => navigate("/")} /> <AuthHeader back onBack={() => navigate("/")} />
<div className="auth__logo">
<img src={TheCybernanny} alt="TheCybernanny" />
</div>
<h2>{t("auth.passwordRecovery")}</h2> <h2>{t("auth.passwordRecovery")}</h2>
<form className="auth__form" onSubmit={handleSubmit(onSubmit)}> <form className="auth__form" onSubmit={handleSubmit(onSubmit)}>
......
...@@ -11,6 +11,7 @@ import { useAppDispatch, type RootState } from "../../../stores/store"; ...@@ -11,6 +11,7 @@ import { useAppDispatch, type RootState } from "../../../stores/store";
import { authRegister } from "../../../stores/slices/authSlice"; import { authRegister } from "../../../stores/slices/authSlice";
import { TG_USER_ID } from "../../../constants/constants"; import { TG_USER_ID } from "../../../constants/constants";
import { useAuth } from "../../../contexts/AuthContext/useAuth"; import { useAuth } from "../../../contexts/AuthContext/useAuth";
import TheCybernanny from "../../../assets/images/TheCybernanny.png";
interface IRegisterFormData { interface IRegisterFormData {
login: string; login: string;
...@@ -54,6 +55,10 @@ const Register: React.FC = () => { ...@@ -54,6 +55,10 @@ const Register: React.FC = () => {
<div className="wrapper"> <div className="wrapper">
<AuthHeader back onBack={() => navigate("/")} /> <AuthHeader back onBack={() => navigate("/")} />
<div className="auth__logo">
<img src={TheCybernanny} alt="TheCybernanny" />
</div>
<h2>{t("auth.register")}</h2> <h2>{t("auth.register")}</h2>
<form className="auth__form" onSubmit={handleSubmit(onSubmit)}> <form className="auth__form" onSubmit={handleSubmit(onSubmit)}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment