Change semantics of getThemesForNetworks function

Up to now, this function has returned all the themes, for all networks.
Now it will only return one theme, for the requested network.

Author: csillag

src/app/components/ThemeByScope/index.tsx

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react'
 import { Network } from '../../../types/network'
 import { ThemeProvider } from '@mui/material/styles'
-import { getThemesForNetworks } from '../../../styles/theme'
+import { getThemeForNetwork } from '../../../styles/theme'
 import CssBaseline from '@mui/material/CssBaseline'
 import { fixedNetwork } from '../../utils/route-utils'
 
@@ -10,7 +10,7 @@ export const ThemeByScope: FC<{ network: Network; isRootTheme: boolean; children
   isRootTheme,
   children,
 }) => (
-  <ThemeProvider theme={getThemesForNetworks()[network]}>
+  <ThemeProvider theme={getThemeForNetwork(network)}>
     {isRootTheme && <CssBaseline />}
     {children}
   </ThemeProvider>

src/app/pages/SearchResultsPage/GlobalSearchResultsView.tsx

@@ -15,7 +15,7 @@ import {
   Network,
 } from '../../../types/network'
 import { HideMoreResults, ShowMoreResults } from './notifications'
-import { getThemesForNetworks } from '../../../styles/theme'
+import { getThemeForNetwork } from '../../../styles/theme'
 import { orderByLayer } from '../../../types/layers'
 import { useRedirectIfSingleResult } from './useRedirectIfSingleResult'
 import { SearchParams } from '../../components/Search/search-utils'
@@ -30,7 +30,6 @@ export const GlobalSearchResultsView: FC<{
   const [othersOpen, setOthersOpen] = useState(false)
   useRedirectIfSingleResult(undefined, searchParams, searchResults)
 
-  const themes = getThemesForNetworks()
   const networkNames = getNetworkNames(t)
   const { searchTerm } = searchParams
 
@@ -51,7 +50,7 @@ export const GlobalSearchResultsView: FC<{
   }
 
   const otherNetworks = RouteUtils.getEnabledNetworks().filter(isNotMainnet)
-  const notificationTheme = themes[Network.testnet]
+  const notificationTheme = getThemeForNetwork(Network.testnet)
   const mainnetResults = searchResults.filter(isOnMainnet).sort(orderByLayer)
   const otherResults = searchResults.filter(isNotOnMainnet).sort(orderByLayer)
 

src/app/pages/SearchResultsPage/ScopedSearchResultsView.tsx

@@ -7,7 +7,7 @@ import {
   getInverseFilterForScope,
   SearchScope,
 } from '../../../types/searchScope'
-import { getThemesForNetworks } from '../../../styles/theme'
+import { getThemeForNetwork } from '../../../styles/theme'
 import { RouteUtils } from '../../utils/route-utils'
 import { SearchResults } from './hooks'
 import { SearchResultsList } from './SearchResultsList'
@@ -27,12 +27,13 @@ export const ScopedSearchResultsView: FC<{
   const { t } = useTranslation()
   const [othersOpen, setOthersOpen] = useState(false)
   const networkNames = getNetworkNames(t)
-  const themes = getThemesForNetworks()
   const isInWantedScope = getFilterForScope(wantedScope)
   const isNotInWantedScope = getInverseFilterForScope(wantedScope)
   const wantedResults = searchResults.filter(isInWantedScope)
   const otherResults = searchResults.filter(isNotInWantedScope)
-  const notificationTheme = themes[otherResults.some(isOnMainnet) ? Network.mainnet : Network.testnet]
+  const notificationTheme = getThemeForNetwork(
+    otherResults.some(isOnMainnet) ? Network.mainnet : Network.testnet,
+  )
 
   useRedirectIfSingleResult(wantedScope, searchParams, searchResults)
 

src/app/pages/SearchResultsPage/SearchResultsList.tsx

@@ -15,7 +15,7 @@ import {
   TokenResult,
   TransactionResult,
 } from './hooks'
-import { getThemesForNetworks } from '../../../styles/theme'
+import { getThemeForNetwork } from '../../../styles/theme'
 import { Network } from '../../../types/network'
 import { SubPageCard } from '../../components/SubPageCard'
 import { AllTokenPrices } from '../../../coin-gecko/api'
@@ -44,7 +44,7 @@ export const SearchResultsList: FC<{
   if (!numberOfResults) {
     return null
   }
-  const theme = getThemesForNetworks()[networkForTheme]
+  const theme = getThemeForNetwork(networkForTheme)
 
   return (
     <ResultListFrame theme={theme}>

src/styles/theme/index.ts

@@ -9,7 +9,11 @@ export { testnetTheme } from './testnet/theme'
 export const tooltipDelay = 500
 export const typingDelay = 1000
 
-export const getThemesForNetworks: () => Record<Network, Theme> = () => ({
-  [Network.mainnet]: defaultTheme,
-  [Network.testnet]: testnetTheme,
-})
+export const getThemeForNetwork = (network: Network): Theme => {
+  switch (network) {
+    case Network.mainnet:
+      return defaultTheme
+    case Network.testnet:
+      return testnetTheme
+  }
+}