fix SearchBar test

blockscout · Dec 15, 2023 · e0c4f57 · e0c4f57
1 parent fbba31f
commit e0c4f57
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 12 deletions.
diff --git a/ui/snippets/searchBar/SearchBar.pw.tsx b/ui/snippets/searchBar/SearchBar.pw.tsx
@@ -1,4 +1,3 @@
-import { LightMode } from '@chakra-ui/react';
 import { test as base, expect } from '@playwright/experimental-ct-react';
 import React from 'react';
 
@@ -93,9 +92,7 @@ test('search by name homepage +@dark-mode', async({ mount, page }) => {
 
   await mount(
     <TestApp>
-      <LightMode>
-        <SearchBar isHomepage/>
-      </LightMode>
+      <SearchBar isHomepage/>
     </TestApp>,
   );
   await page.getByPlaceholder(/search/i).type('o');

diff --git a/ui/snippets/searchBar/SearchBar.tsx b/ui/snippets/searchBar/SearchBar.tsx
@@ -132,12 +132,6 @@ const SearchBar = ({ isHomepage }: Props) => {
         <PopoverBody
           p={ 0 }
           color="chakra-body-text"
-          sx={
-            isHomepage ? {
-              mark: { bgColor: 'green.100' },
-              '*::-webkit-scrollbar-thumb': { backgroundColor: 'blackAlpha.300' },
-            } : {}
-          }
         >
           <Box
             maxH="50vh"

diff --git a/...hots__/SearchBar.pw.tsx_dark-color-mode_search-by-name-homepage-dark-mode-1.png b/...hots__/SearchBar.pw.tsx_dark-color-mode_search-by-name-homepage-dark-mode-1.png
diff --git a/ui/snippets/topBar/TopBarStats.tsx b/ui/snippets/topBar/TopBarStats.tsx
@@ -30,8 +30,8 @@ const TopBarStats = () => {
           <span>${ Number(data.coin_price).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 6 }) }</span>
         </Skeleton>
       ) }
-      { data?.coin_price && data.gas_prices && <TextSeparator color="divider"/> }
-      { data?.gas_prices && (
+      { data?.coin_price && config.UI.homepage.showGasTracker && <TextSeparator color="divider"/> }
+      { data?.gas_prices && config.UI.homepage.showGasTracker && (
         <Skeleton isLoaded={ !isPlaceholderData }>
           <span>Gas: { data.gas_prices.average } Gwei</span>
         </Skeleton>