From 97e3d10bfd9c626e7b391f6483fb8270ac12021f Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Wed, 6 Oct 2021 18:16:25 +0700
Subject: [PATCH] :art: styles: fix dot in icon filter from header

:%s
---
 .../Header/components/HeaderMenu/HeaderMenu.module.scss  | 4 ----
 .../common/Header/components/HeaderMenu/HeaderMenu.tsx   | 9 +--------
 .../HeaderSubMenuMobile/HeaderSubMenuMobile.tsx          | 1 +
 3 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss b/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
index 6a16505bc..7baff45a6 100644
--- a/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
+++ b/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
@@ -50,10 +50,6 @@
                     width: 1.2rem;
                     height: 1.2rem;
                     border-radius: 1.2rem;
-                    @apply hidden;
-                    &.isShow {
-                        @apply block;
-                    }
                 }
                 @screen md {
                     display: none;
diff --git a/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx b/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
index 4f7e5d21a..803e0b66b 100644
--- a/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
+++ b/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
@@ -27,7 +27,6 @@ interface Props {
   children?: any
   isFull?: boolean
   isStickyHeader?: boolean
-  visibleFilter?: boolean
   openModalLogin: () => void
   openModalRegister: () => void
   openModalInfo: () => void
@@ -38,7 +37,6 @@ const HeaderMenu = memo(
   ({
     isFull,
     isStickyHeader,
-    visibleFilter,
     openModalLogin,
     openModalRegister,
     openModalInfo,
@@ -105,12 +103,7 @@ const HeaderMenu = memo(
               {FILTER_PAGE.includes(router.pathname) && (
                 <button className={s.iconFilter} onClick={toggleFilter}>
                   <IconFilter />
-                  <div
-                    className={classNames({
-                      [s.dot]: true,
-                      [s.isShow]: visibleFilter,
-                    })}
-                  ></div>
+                  <div className={s.dot}></div>
                 </button>
               )}
               <button
diff --git a/src/components/common/Header/components/HeaderSubMenuMobile/HeaderSubMenuMobile.tsx b/src/components/common/Header/components/HeaderSubMenuMobile/HeaderSubMenuMobile.tsx
index 7537f7b8e..169a979ff 100644
--- a/src/components/common/Header/components/HeaderSubMenuMobile/HeaderSubMenuMobile.tsx
+++ b/src/components/common/Header/components/HeaderSubMenuMobile/HeaderSubMenuMobile.tsx
@@ -68,4 +68,5 @@ const HeaderSubMenuMobile = memo(({ }: Props) => {
     )
 })
 
+HeaderSubMenuMobile.displayName = 'HeaderSubMenuMobile'
 export default HeaderSubMenuMobile