mirror of
https://github.com/Nezumi-2711/react-training.git
synced 2026-09-22 20:01:59 +00:00
Fix error font and improve pagespeed
This commit is contained in:
@@ -17,6 +17,7 @@ interface IButtonIcon {
|
|||||||
};
|
};
|
||||||
onClick?: () => void;
|
onClick?: () => void;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
|
label?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const ButtonIcon = ({
|
const ButtonIcon = ({
|
||||||
@@ -26,11 +27,13 @@ const ButtonIcon = ({
|
|||||||
iconStyle,
|
iconStyle,
|
||||||
onClick,
|
onClick,
|
||||||
disabled,
|
disabled,
|
||||||
|
label,
|
||||||
}: IButtonIcon) => {
|
}: IButtonIcon) => {
|
||||||
const isHaveChildren = Boolean(children);
|
const isHaveChildren = Boolean(children);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledButtonIcon
|
<StyledButtonIcon
|
||||||
|
aria-label={label}
|
||||||
isHaveChildren={isHaveChildren}
|
isHaveChildren={isHaveChildren}
|
||||||
style={{
|
style={{
|
||||||
fontSize: style?.fontSize,
|
fontSize: style?.fontSize,
|
||||||
|
|||||||
@@ -19,7 +19,7 @@ const HeaderMenu = () => {
|
|||||||
<StyledHeaderMenu>
|
<StyledHeaderMenu>
|
||||||
<li>
|
<li>
|
||||||
<ButtonIcon
|
<ButtonIcon
|
||||||
aria-label="Profile"
|
label="Profile"
|
||||||
icon={<IoPersonCircleOutline />}
|
icon={<IoPersonCircleOutline />}
|
||||||
iconStyle={{ size: '23px' }}
|
iconStyle={{ size: '23px' }}
|
||||||
onClick={() => navigate('/account')}
|
onClick={() => navigate('/account')}
|
||||||
@@ -29,7 +29,7 @@ const HeaderMenu = () => {
|
|||||||
<ButtonIcon
|
<ButtonIcon
|
||||||
onClick={logout}
|
onClick={logout}
|
||||||
disabled={isPending}
|
disabled={isPending}
|
||||||
aria-label="Logout"
|
label='Logout'
|
||||||
icon={<HiOutlineLogout />}
|
icon={<HiOutlineLogout />}
|
||||||
iconStyle={{ size: '23px' }}
|
iconStyle={{ size: '23px' }}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ const Login = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<LoginLayout>
|
<LoginLayout>
|
||||||
<StyledLogo src={'./assets/images/logo.png'} />
|
<StyledLogo src={'./assets/images/logo.png'} alt='Logo Web' />
|
||||||
<TitleStyled>Log In</TitleStyled>
|
<TitleStyled>Log In</TitleStyled>
|
||||||
|
|
||||||
<LoginForm />
|
<LoginForm />
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'Cabin';
|
font-family: 'Cabin';
|
||||||
src: url('./assets/fonts/Cabin.woff2') format('woff2'),
|
src: url('/assets/fonts/Cabin.woff2') format('woff2'),
|
||||||
url('./assets/fonts/Cabin.ttf') format('truetype');
|
url('/assets/fonts/Cabin.ttf') format('truetype');
|
||||||
|
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user