Remove unused theme prop from HideMoreResults

Author: buberdds

.changelog/2343.internal.md

@@ -0,0 +1 @@
+Remove MUI themes from search results

src/app/pages/SearchResultsPage/GlobalSearchResultsView.tsx

@@ -14,7 +14,6 @@ import {
   isOnMainnet,
 } from '../../../types/network'
 import { HideMoreResults, ShowMoreResults } from './ShowMoreResults'
-import { getThemeForScope } from '../../../styles/theme'
 import { orderByLayer } from '../../../types/layers'
 import { useRedirectIfSingleResult } from './useRedirectIfSingleResult'
 import { SearchParams } from '../../components/Search/search-utils'
@@ -47,7 +46,6 @@ export const GlobalSearchResultsView: FC<{
   }
 
   const otherNetworks = RouteUtils.getEnabledNetworks().filter(isNotMainnet)
-  const notificationTheme = getThemeForScope('testnet')
   const mainnetResults = searchResults.filter(isOnMainnet).sort(orderByLayer)
   const otherResults = searchResults.filter(isNotOnMainnet).sort(orderByLayer)
 
@@ -66,7 +64,7 @@ export const GlobalSearchResultsView: FC<{
       {otherResults.length !== 0 &&
         (othersOpen ? (
           <>
-            <HideMoreResults theme={notificationTheme} onHide={() => setOthersOpen(false)} />
+            <HideMoreResults onHide={() => setOthersOpen(false)} />
             {otherNetworks.map(net => (
               <SearchResultsList
                 key={net}
@@ -79,7 +77,6 @@ export const GlobalSearchResultsView: FC<{
           </>
         ) : (
           <ShowMoreResults
-            theme={notificationTheme}
             hasWantedResults={!!mainnetResults.length}
             otherResultsCount={otherResults.length}
             onShow={() => setOthersOpen(true)}

src/app/pages/SearchResultsPage/ResultListFrame.tsx

@@ -16,7 +16,7 @@ export const ResultListFrame: FC<{ children: React.ReactNode; networkForTheme: s
     <div
       className={cn(
         expectedTheme !== networkForTheme &&
-          '[&_>_div_>_[data-slot="card"]]:rounded-none [&_>_div_>_[data-slot="card"]]:border-solid [&_>_div_>_[data-slot="card"]]:border-theme-layout-accent [&_>_div_>_[data-slot="card"]]:border-y-[10px] [&_>_div_>_[data-slot="card"]]:border-x-[1px]',
+          '[&_>_div_>_[data-slot="card"]]:rounded-none [&_>_div_>_[data-slot="card"]]:border-solid [&_>_div_>_[data-slot="card"]]:border-theme-layout-accent [&_>_div_>_[data-slot="card"]]:border-y-[10px] [&_>_div_>_[data-slot="card"]]:border-x',
         networkForTheme,
       )}
     >

src/app/pages/SearchResultsPage/ScopedSearchResultsView.tsx

@@ -1,13 +1,12 @@
 import { FC, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { getFilterForNetwork, getNetworkNames, isOnMainnet } from '../../../types/network'
+import { getFilterForNetwork, getNetworkNames } from '../../../types/network'
 import {
   getFilterForScope,
   getNameForScope,
   getInverseFilterForScope,
   SearchScope,
 } from '../../../types/searchScope'
-import { getThemeForScope } from '../../../styles/theme'
 import { RouteUtils } from '../../utils/route-utils'
 import { SearchResults } from './hooks'
 import { SearchResultsList } from './SearchResultsList'
@@ -31,7 +30,6 @@ export const ScopedSearchResultsView: FC<{
   const isNotInWantedScope = getInverseFilterForScope(wantedScope)
   const wantedResults = searchResults.filter(isInWantedScope)
   const otherResults = searchResults.filter(isNotInWantedScope)
-  const notificationTheme = getThemeForScope(otherResults.some(isOnMainnet) ? 'mainnet' : 'testnet')
 
   useRedirectIfSingleResult(wantedScope, searchParams, searchResults)
 
@@ -49,7 +47,7 @@ export const ScopedSearchResultsView: FC<{
       )}
       {othersOpen ? (
         <>
-          <HideMoreResults theme={notificationTheme} onHide={() => setOthersOpen(false)} />
+          <HideMoreResults onHide={() => setOthersOpen(false)} />
           {RouteUtils.getEnabledNetworks()
             .filter(net => net !== wantedScope.network)
             .map(net => (
@@ -65,7 +63,6 @@ export const ScopedSearchResultsView: FC<{
       ) : (
         !!otherResults.length && (
           <ShowMoreResults
-            theme={notificationTheme}
             onShow={() => setOthersOpen(true)}
             hasWantedResults={!!wantedResults.length}
             otherResultsCount={otherResults.length}

src/app/pages/SearchResultsPage/ShowMoreResults.tsx

@@ -4,7 +4,7 @@ import ZoomOut from '@mui/icons-material/ZoomOut'
 import { Trans, useTranslation } from 'react-i18next'
 import ZoomIn from '@mui/icons-material/ZoomIn'
 
-export const HideMoreResults: FC<{ theme: Theme; onHide: () => void }> = ({ onHide }) => {
+export const HideMoreResults: FC<{ onHide: () => void }> = ({ onHide }) => {
   return (
     <div
       className="w-[90%] mx-auto md:w-full flex justify-center items-center gap-1 p-4 leading-tight my-8 rounded-md box-border bg-[#F4F4F5] hover:bg-[#DDDDDE] cursor-pointer"
@@ -19,7 +19,6 @@ export const HideMoreResults: FC<{ theme: Theme; onHide: () => void }> = ({ onHi
 }
 
 export const ShowMoreResults: FC<{
-  theme: Theme
   onShow: () => void
   hasWantedResults: boolean
   otherResultsCount: number