fix: add filter text when filter button open (#5217)

* fix

* remove extra

* filter button text fixes

.env

@@ -7,4 +7,3 @@ REACT_APP_AWS_API_ACCESS_SECRET="V9PoU0FhBP3cX760rPs9jMG/MIuDNLX6hYvVcaYO"
 REACT_APP_AWS_X_API_KEY="z9dReS5UtHu7iTrUsTuWRozLthi3AxOZlvobrIdr14"
 REACT_APP_AWS_API_ENDPOINT="https://beta.api.uniswap.org/v1/graphql"
 REACT_APP_TEMP_API_URL="https://temp.api.uniswap.org/v1"
\ No newline at end of file
-ESLINT_NO_DEV_ERRORS=true

src/nft/components/collection/FilterButton.tsx

@@ -3,6 +3,7 @@ import { Box } from 'nft/components/Box'
 import * as styles from 'nft/components/collection/FilterButton.css'
 import { FilterIcon } from 'nft/components/icons'
 import { buttonTextMedium } from 'nft/css/common.css'
+import { breakpoints } from 'nft/css/sprinkles.css'
 import { pluralize, putCommas } from 'nft/utils'
 
 export const FilterButton = ({
@@ -16,6 +17,8 @@ export const FilterButton = ({
   onClick: () => void
   collectionCount?: number
 }) => {
+  const hideResultsCount = window.innerWidth >= breakpoints.sm && window.innerWidth < breakpoints.md
+
   return (
     <Box
       className={clsx(styles.filterButton, !isFiltersExpanded && styles.filterButtonExpanded)}
@@ -34,12 +37,12 @@ export const FilterButton = ({
     >
       <FilterIcon />
       {!isMobile ? (
-        <>
         <Box className={buttonTextMedium}>
           {' '}
-            Filter • {putCommas(collectionCount)} result{pluralize(collectionCount)}
+          {!collectionCount || hideResultsCount
+            ? 'Filter'
+            : `Filter • ${putCommas(collectionCount)} result${pluralize(collectionCount)}`}
         </Box>
-        </>
       ) : null}
     </Box>
   )

src/nft/components/profile/view/ProfilePage.tsx

@@ -102,7 +102,6 @@ export const ProfilePage = () => {
                   <FilterButton
                     isMobile={isMobile}
                     isFiltersExpanded={isFiltersExpanded}
-                    collectionCount={ownerAssets?.length}
                     onClick={() => setFiltersExpanded(!isFiltersExpanded)}
                   />
                 </Row>