sysadminix/rentalcalculator
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

RC-4: corrected layout2 components

Browse Source
This commit is contained in:
evgeniywas
2023-06-22 19:40:24 +01:00
parent 97fec278e6
commit 4dd5ce2275
3 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/app/theme-layouts/layout2/components/HeaderLayout2.js
View File

@@ -4,12 +4,12 @@ import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import linksConfigLayout2 from './linksLayout2Config';
function HeaderLayout2() {
function HeaderLayout2(props) {
const { t } = useTranslation('layout2');
return (
<header className="fixed z-50 flex items-center justify-center w-full h-72 px-10 bg-white">
<div className="flex justify-between max-w-screen-2xl w-full">
<div className="flex justify-between max-w-screen-xl w-full">
<Link to="/">
<img
className="max-w-[88px] max-h-[45px]"
@@ -17,7 +17,7 @@ function HeaderLayout2() {
alt={t('logo_alt')}
/>
</Link>
<nav className="flex gap-72 items-center">
<nav className="flex grow justify-center gap-72 items-center">
{linksConfigLayout2.map((path) => (
<Link
className="text-lg leading-5 text-slate-800 no-underline"
@@ -28,18 +28,20 @@ function HeaderLayout2() {
</Link>
))}
</nav>
<div className="flex gap-32 items-center">
<Link className="text-indigo-400" to="/sign-up">
{t('sign_up')}
</Link>
<Link
className="flex gap-7 items-center px-24 py-10 text-lg leading-5 text-white bg-indigo-400 rounded-2xl"
to="/sign-in"
>
<span>{t('sign_in')}</span>
<FuseSvgIcon>heroicons-outline:login</FuseSvgIcon>
</Link>
</div>
{props.isAuthenticated || (
<div className="flex gap-32 items-center">
<Link className="text-indigo-400" to="/sign-in">
{t('sign_in')}
</Link>
<Link
className="flex gap-7 items-center px-24 py-10 text-lg leading-5 text-white bg-indigo-400 rounded-2xl"
to="/sign-up"
>
<span>{t('sign_up')}</span>
<FuseSvgIcon>heroicons-outline:login</FuseSvgIcon>
</Link>
</div>
)}
</div>
</header>
);