From 4769f45e453e7ac4c5e9b5cdfc37033349530b20 Mon Sep 17 00:00:00 2001
From: Loi Phan <phanhuuloi15@gmail.com>
Date: Fri, 1 Dec 2023 12:00:46 +0700
Subject: [PATCH] Fix error font and improve pagespeed

---
 hotel-management/src/components/ButtonIcon/index.tsx | 3 +++
 hotel-management/src/components/HeaderMenu/index.tsx | 4 ++--
 hotel-management/src/pages/Login/index.tsx           | 2 +-
 hotel-management/src/styles/bases/typography.css     | 4 ++--
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/hotel-management/src/components/ButtonIcon/index.tsx b/hotel-management/src/components/ButtonIcon/index.tsx
index 6671291..44e47c0 100644
--- a/hotel-management/src/components/ButtonIcon/index.tsx
+++ b/hotel-management/src/components/ButtonIcon/index.tsx
@@ -17,6 +17,7 @@ interface IButtonIcon {
   };
   onClick?: () => void;
   disabled?: boolean;
+  label?: string;
 }
 
 const ButtonIcon = ({
@@ -26,11 +27,13 @@ const ButtonIcon = ({
   iconStyle,
   onClick,
   disabled,
+  label,
 }: IButtonIcon) => {
   const isHaveChildren = Boolean(children);
 
   return (
     <StyledButtonIcon
+      aria-label={label}
       isHaveChildren={isHaveChildren}
       style={{
         fontSize: style?.fontSize,
diff --git a/hotel-management/src/components/HeaderMenu/index.tsx b/hotel-management/src/components/HeaderMenu/index.tsx
index 252001a..517a86c 100644
--- a/hotel-management/src/components/HeaderMenu/index.tsx
+++ b/hotel-management/src/components/HeaderMenu/index.tsx
@@ -19,7 +19,7 @@ const HeaderMenu = () => {
     <StyledHeaderMenu>
       <li>
         <ButtonIcon
-          aria-label="Profile"
+          label="Profile"
           icon={<IoPersonCircleOutline />}
           iconStyle={{ size: '23px' }}
           onClick={() => navigate('/account')}
@@ -29,7 +29,7 @@ const HeaderMenu = () => {
         <ButtonIcon
           onClick={logout}
           disabled={isPending}
-          aria-label="Logout"
+          label='Logout'
           icon={<HiOutlineLogout />}
           iconStyle={{ size: '23px' }}
         />
diff --git a/hotel-management/src/pages/Login/index.tsx b/hotel-management/src/pages/Login/index.tsx
index cbb80d6..e809c1c 100644
--- a/hotel-management/src/pages/Login/index.tsx
+++ b/hotel-management/src/pages/Login/index.tsx
@@ -18,7 +18,7 @@ const Login = () => {
 
   return (
     <LoginLayout>
-      <StyledLogo src={'./assets/images/logo.png'} />
+      <StyledLogo src={'./assets/images/logo.png'} alt='Logo Web' />
       <TitleStyled>Log In</TitleStyled>
 
       <LoginForm />
diff --git a/hotel-management/src/styles/bases/typography.css b/hotel-management/src/styles/bases/typography.css
index 64ac4f8..d438b7c 100644
--- a/hotel-management/src/styles/bases/typography.css
+++ b/hotel-management/src/styles/bases/typography.css
@@ -1,7 +1,7 @@
 @font-face {
   font-family: 'Cabin';
-  src: url('./assets/fonts/Cabin.woff2') format('woff2'),
-    url('./assets/fonts/Cabin.ttf') format('truetype');
+  src: url('/assets/fonts/Cabin.woff2') format('woff2'),
+    url('/assets/fonts/Cabin.ttf') format('truetype');
 
   font-display: swap;
 }