fixes

blockscout · Feb 10, 2025 · 21132e6 · 21132e6
1 parent 692a551
commit 21132e6
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 9 deletions.
diff --git a/docs/ENVS.md b/docs/ENVS.md
@@ -283,7 +283,7 @@ Settings for meta tags, OG tags and SEO
 #### Token views
 | Variable | Type | Description | Compulsoriness  | Default value | Example value | Version |
 | --- | --- | --- | --- | --- | --- | --- |
-| NEXT_PUBLIC_VIEWS_TOKEN_SCAM_TOGGLE_ENABLED | `boolean` | Show the "Hide scam tokens" toggler in the site settings dropdown. This controls the visibility of tokens with a poor reputation in the Tokens list and Token transfers views. | - | - | `'["value","tx_fee"]'` | v1.38.0+ |
+| NEXT_PUBLIC_VIEWS_TOKEN_SCAM_TOGGLE_ENABLED | `boolean` | Show the "Hide scam tokens" toggle in the site settings dropdown. This option controls the visibility of tokens with a poor reputation in the search results. | - | - | `'["value","tx_fee"]'` | v1.38.0+ |
 
 &nbsp;
 

diff --git a/...screenshots__/TopBar.pw.tsx_dark-color-mode_default-view-dark-mode-mobile-2.png b/...screenshots__/TopBar.pw.tsx_dark-color-mode_default-view-dark-mode-mobile-2.png
diff --git a/...opBar/__screenshots__/TopBar.pw.tsx_default_default-view-dark-mode-mobile-2.png b/...opBar/__screenshots__/TopBar.pw.tsx_default_default-view-dark-mode-mobile-2.png
diff --git a/...topBar/__screenshots__/TopBar.pw.tsx_mobile_default-view-dark-mode-mobile-2.png b/...topBar/__screenshots__/TopBar.pw.tsx_mobile_default-view-dark-mode-mobile-2.png
diff --git a/ui/snippets/topBar/settings/Settings.tsx b/ui/snippets/topBar/settings/Settings.tsx
@@ -28,7 +28,7 @@ const Settings = () => {
       <PopoverContent overflowY="hidden" w="auto" fontSize="sm">
         <PopoverBody boxShadow="2xl" p={ 4 }>
           <SettingsColorTheme onSelect={ onClose }/>
-          <Box borderColor="divider" borderWidth="1px" my={ 3 }/>
+          <Box borderColor="divider" borderTopWidth="1px" my={ 3 }/>
           <SettingsIdentIcon/>
           <SettingsAddressFormat/>
           <SettingsScamTokens/>

diff --git a/ui/snippets/topBar/settings/SettingsScamTokens.tsx b/ui/snippets/topBar/settings/SettingsScamTokens.tsx
@@ -1,4 +1,4 @@
-import { FormLabel, FormControl, Switch } from '@chakra-ui/react';
+import { FormLabel, FormControl, Switch, Box } from '@chakra-ui/react';
 import React from 'react';
 
 import config from 'configs/app';
@@ -26,12 +26,15 @@ const SettingsScamTokens = () => {
   }
 
   return (
-    <FormControl display="flex" alignItems="center" columnGap={ 2 } mt={ 4 }>
-      <FormLabel htmlFor="address-format" m="0" fontWeight={ 400 } fontSize="sm" lineHeight={ 5 }>
-        Hide scam tokens
-      </FormLabel>
-      <Switch id="address-format" isChecked={ isChecked } onChange={ handleChange }/>
-    </FormControl>
+    <>
+      <Box borderColor="divider" borderTopWidth="1px" my={ 3 }/>
+      <FormControl display="flex" alignItems="center" columnGap={ 2 } mt={ 4 }>
+        <FormLabel htmlFor="scam-tokens" m="0" fontWeight={ 400 } fontSize="sm" lineHeight={ 5 }>
+          Hide scam tokens
+        </FormLabel>
+        <Switch id="scam-tokens" isChecked={ isChecked } onChange={ handleChange }/>
+      </FormControl>
+    </>
   );
 };