Merge pull request #8291 from ankitzm/patch-fix-#8171

Fixed reset issue in sub-filters #8171

Author: corwintines

src/components/FindWallet/WalletFilterSidebar.tsx

@@ -1,5 +1,5 @@
 // Libraries
-import React, { useState } from "react"
+import React, { useEffect, useState } from "react"
 import styled from "@emotion/styled"
 
 // Components
@@ -135,6 +135,7 @@ const ToggleIcon = styled(Icon)`
 // Types
 
 const WalletFilterSidebar = ({
+  resetWalletFilter,
   filters,
   updateFilterOption,
   updateFilterOptions,
@@ -405,6 +406,22 @@ const WalletFilterSidebar = ({
     updateFilterOptions(keys, value)
   }
 
+  const resetFilters = () => {
+    for (let filterItem of filterOptions) {
+      for (let item of filterItem.items) {
+        if (item.options.length > 0) {
+          item.showOptions = false
+        } else {
+          item.showOptions = undefined
+        }
+      }
+    }
+  }
+
+  useEffect(() => {
+    resetWalletFilter.current = resetFilters
+  }, [])
+
   return (
     <Container>
       {filterOptions.map((filterOption, idx) => {

src/pages/wallets/find-wallet.tsx

@@ -361,6 +361,7 @@ const randomizedWalletData = shuffle(walletData)
 
 const FindWalletPage = ({ data, location }) => {
   const intl = useIntl()
+  const resetWalletFilter = React.useRef(() => {})
   const wrapperRef = useRef<HTMLDivElement>(null)
 
   const [showFeatureFilters, setShowFeatureFilters] = useState(false)
@@ -496,6 +497,7 @@ const FindWalletPage = ({ data, location }) => {
             aria-labelledby="reset-filter"
             onClick={() => {
               resetFilters()
+              resetWalletFilter.current()
               trackCustomEvent({
                 eventCategory: "WalletFilterReset",
                 eventAction: `WalletFilterReset clicked`,
@@ -515,6 +517,7 @@ const FindWalletPage = ({ data, location }) => {
           <div>
             {showFeatureFilters ? (
               <WalletFilterSidebar
+                resetWalletFilter={resetWalletFilter}
                 filters={filters}
                 updateFilterOption={updateFilterOption}
                 updateFilterOptions={updateFilterOptions}