From be664bedafed98c8dcbe3cbb299a184f1e995d51 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Wed, 16 Oct 2024 02:39:51 +0900
Subject: [PATCH] fix: fix misc. bugs

---
 src/components/Dropdown/Dropdown.tsx           | 3 +++
 src/components/HamburgerMenu/HamburgerMenu.tsx | 4 ++++
 src/containers/Explore/ExploreContainer.tsx    | 8 ++++----
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
index e49fec1..0c63034 100644
--- a/src/components/Dropdown/Dropdown.tsx
+++ b/src/components/Dropdown/Dropdown.tsx
@@ -30,11 +30,14 @@ const Dropdown: React.FC<DropdownProps> = ({
   const dropdownRef = useRef<HTMLDivElement>(null)
 
   const state = useHookstate(globalState)
+
   const defualtState = state.get()
 
   useEffect(() => {
     if (defualtState[filterType]?.length === selectedOptions?.length) {
       setUpdated(false)
+    } else {
+      setUpdated(true)
     }
   }, [defualtState, selectedOptions])
 
diff --git a/src/components/HamburgerMenu/HamburgerMenu.tsx b/src/components/HamburgerMenu/HamburgerMenu.tsx
index 77d3c51..0878136 100644
--- a/src/components/HamburgerMenu/HamburgerMenu.tsx
+++ b/src/components/HamburgerMenu/HamburgerMenu.tsx
@@ -12,6 +12,10 @@ const Button = styled.button`
   border: 1px solid rgb(var(--lsd-border-primary));
   background: transparent;
   cursor: pointer;
+
+  @media (min-width: ${breakpoints.sm}px) {
+    display: none;
+  }
 `
 
 const HamburguerMenuContainer = styled.div`
diff --git a/src/containers/Explore/ExploreContainer.tsx b/src/containers/Explore/ExploreContainer.tsx
index 36c85b2..96657f9 100644
--- a/src/containers/Explore/ExploreContainer.tsx
+++ b/src/containers/Explore/ExploreContainer.tsx
@@ -3,7 +3,7 @@ import { OperatorGrid } from '@/components/Explore/OperatorGrid'
 import { defaultFilterState } from '@/states/filterState'
 import styled from '@emotion/styled'
 import { hookstate, useHookstate } from '@hookstate/core'
-import React, { useMemo } from 'react'
+import React, { useCallback, useMemo } from 'react'
 import useGetOperators from '../../../apis/operators/useGetOperators'
 import {
   ARCHETYPE,
@@ -53,9 +53,9 @@ const ExploreSection: React.FC<ExploreSectionProps> = () => {
     state[filterType].set(selectedOptions)
   }
 
-  const handleResetAll = () => {
-    state.set(defaultFilterState)
-  }
+  const handleResetAll = useCallback(() => {
+    state.set(JSON.parse(JSON.stringify(defaultFilterState)))
+  }, [filter])
 
   return (
     <Container>