Remove redundant message component

This commit is contained in:
IRBorisov 2023-08-10 14:30:20 +03:00
parent a6afc08b2b
commit 3902ef189a
5 changed files with 9 additions and 25 deletions

View File

@ -1,11 +0,0 @@
interface InfoMessageProps {
message: string
}
export function InfoMessage({ message }: InfoMessageProps) {
return (
<p className='font-bold'>{ message }</p>
);
}
export default InfoMessage;

View File

@ -1,6 +1,5 @@
import { useAuth } from '../context/AuthContext';
import TextURL from './Common/TextURL';
import InfoMessage from './InfoMessage';
interface RequireAuthProps {
children: React.ReactNode
@ -13,12 +12,12 @@ function RequireAuth({ children }: RequireAuthProps) {
<>
{user && children}
{!user &&
<div className='flex flex-col items-center'>
<InfoMessage message={'Данная функция доступна только зарегистрированным пользователям. Пожалуйста войдите в систему'} />
<div className='flex flex-col items-start'>
<TextURL text='Войти в систему...' href='/login' />
<TextURL text='Зарегистрироваться...' href='/signup' />
</div>
<div className='flex flex-col items-center mt-2 gap-1'>
<p><b>Данная страница доступна только зарегистрированным пользователям</b></p>
<p className='mb-2'>Пожалуйста войдите в систему</p>
<TextURL text='Войти в систему' href='/login'/>
<TextURL text='Зарегистрироваться' href='/signup'/>
<TextURL text='Начальная страница' href='/'/>
</div>
}
</>

View File

@ -6,7 +6,6 @@ import Form from '../components/Common/Form';
import SubmitButton from '../components/Common/SubmitButton';
import TextInput from '../components/Common/TextInput';
import TextURL from '../components/Common/TextURL';
import InfoMessage from '../components/InfoMessage';
import { useAuth } from '../context/AuthContext';
import { IUserLoginData } from '../utils/models';
@ -41,7 +40,7 @@ function LoginPage() {
return (
<div className='w-full py-2'> { user
? <InfoMessage message={`Вы вошли в систему как ${user.username}`} />
? <b>{`Вы вошли в систему как ${user.username}`}</b>
: <Form title='Ввод данных пользователя' onSubmit={handleSubmit} widthClass='w-[20rem]'>
<TextInput id='username'
label='Имя пользователя'

View File

@ -6,7 +6,6 @@ import BackendError from '../components/BackendError';
import Form from '../components/Common/Form';
import SubmitButton from '../components/Common/SubmitButton';
import TextInput from '../components/Common/TextInput';
import InfoMessage from '../components/InfoMessage';
import { useAuth } from '../context/AuthContext';
import { type IUserSignupData } from '../utils/models';
@ -46,7 +45,7 @@ function RegisterPage() {
return (
<div className='w-full py-2'>
{ user &&
<InfoMessage message={`Вы вошли в систему как ${user.username}. Если хотите зарегистрировать нового пользователя, выйдите из системы (меню в правом верхнем углу экрана)`} /> }
<b>{`Вы вошли в систему как ${user.username}. Если хотите зарегистрировать нового пользователя, выйдите из системы (меню в правом верхнем углу экрана)`}</b>}
{ !user &&
<Form title='Регистрация пользователя' onSubmit={handleSubmit}>
<TextInput id='username' label='Имя пользователя' type='text'

View File

@ -1,8 +1,6 @@
import InfoMessage from '../components/InfoMessage';
function RestorePasswordPage() {
return (
<InfoMessage message='Функционал автоматического восстановления пароля не доступен. Обратитесь в адинистратору' />
<b>Функционал автоматического восстановления пароля не доступен. Обратитесь в адинистратору</b>
);
}