From e39f7ab54711093686121c410ad23b387b18ce73 Mon Sep 17 00:00:00 2001 From: Loi Phan Date: Wed, 1 Nov 2023 15:46:57 +0700 Subject: [PATCH 1/4] Add label for element --- .../styles/{ButtonIcon.ts => ButtonIcon.tsx} | 0 hotel-management/src/components/HeaderMenu.tsx | 16 ++++++++++------ hotel-management/src/components/Menus/Menus.tsx | 2 +- hotel-management/src/components/Select.tsx | 2 +- 4 files changed, 12 insertions(+), 8 deletions(-) rename hotel-management/src/commons/styles/{ButtonIcon.ts => ButtonIcon.tsx} (100%) diff --git a/hotel-management/src/commons/styles/ButtonIcon.ts b/hotel-management/src/commons/styles/ButtonIcon.tsx similarity index 100% rename from hotel-management/src/commons/styles/ButtonIcon.ts rename to hotel-management/src/commons/styles/ButtonIcon.tsx diff --git a/hotel-management/src/components/HeaderMenu.tsx b/hotel-management/src/components/HeaderMenu.tsx index e412c09..109666f 100644 --- a/hotel-management/src/components/HeaderMenu.tsx +++ b/hotel-management/src/components/HeaderMenu.tsx @@ -13,12 +13,16 @@ const StyledHeaderMenu = styled.ul` const HeaderMenu = () => { return ( - - - - - - +
  • + + + +
  • +
  • + + + +
  • ); }; diff --git a/hotel-management/src/components/Menus/Menus.tsx b/hotel-management/src/components/Menus/Menus.tsx index 0230649..feb529a 100644 --- a/hotel-management/src/components/Menus/Menus.tsx +++ b/hotel-management/src/components/Menus/Menus.tsx @@ -37,7 +37,7 @@ const Toggle = ({ id }: { id: string }): React.JSX.Element => { }; return ( - + ); diff --git a/hotel-management/src/components/Select.tsx b/hotel-management/src/components/Select.tsx index a1a42c6..ede854c 100644 --- a/hotel-management/src/components/Select.tsx +++ b/hotel-management/src/components/Select.tsx @@ -19,7 +19,7 @@ const StyledSelect = styled.select` const Select = ({ options, value, onChange }: ISelect) => { return ( - + {options.map((option) => (