Fix error font and improve pagespeed

This commit is contained in:
2023-12-01 12:00:46 +07:00
parent 5b0d5671b3
commit 4769f45e45
4 changed files with 8 additions and 5 deletions
@@ -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' }}
/> />
+1 -1
View File
@@ -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;
} }