review fixes

icons/networks/arbitrum.svg

 <svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <rect width="10" height="5" x="7" y="7" fill="#48A9A6"/>
-  <rect width="10" height="5" x="22" y="7" fill="#48A9A6"/>
-  <rect width="10" height="5" x="7" y="27" fill="#48A9A6"/>
-  <rect width="10" height="5" x="22" y="27" fill="#48A9A6"/>
-  <rect width="5" height="10" x="7" y="22" fill="#48A9A6"/>
-  <rect width="5" height="10" x="27" y="22" fill="#48A9A6"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17 7H7v6h10V7Zm16 0H23v6h10V7Zm0 14.5h-6v5h-4v6h10v-11Zm-20 0H7v11h10v-6h-4v-5Z" fill="currentColor"/>
 </svg>
\ No newline at end of file

icons/networks/ethereum-classic.svg

 <svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M11 21.338c3.264 1.733 6.669 3.547 9.299 4.95l9.223-4.95c-3.34 4.96-6.122 9.091-9.223 13.662-3.107-4.56-6.537-9.593-9.299-13.662Zm.355-1.369 8.954-4.778 8.838 4.743-8.833 4.784-8.96-4.749Zm8.944-6.309L11 18.556 20.258 5l9.264 13.586-9.223-4.926Z" fill="#3AB83A"/>
-  <path d="m20.299 26.289 9.223-4.951C26.182 26.298 20.299 35 20.299 35v-8.711Zm.01-11.098 8.838 4.743-8.833 4.784-.005-9.527Zm-.01-1.53L20.259 5l9.263 13.586-9.223-4.925Z" fill="#0B8311"/>
-  <path d="m11.355 19.97 8.955.734 8.838-.765-8.834 4.784-8.959-4.754Z" fill="#0B8311"/>
-  <path d="m20.31 20.704 8.838-.765-8.833 4.784-.005-4.019Z" fill="#146714"/>
+  <path d="M11 21.338c3.264 1.733 6.669 3.547 9.299 4.95l9.223-4.95c-3.34 4.96-6.122 9.091-9.223 13.662-3.107-4.56-6.537-9.593-9.299-13.662Zm.355-1.369 8.954-4.778 8.838 4.743-8.833 4.784-8.96-4.749Zm8.944-6.309L11 18.556 20.258 5l9.264 13.586-9.223-4.926Z" fill="currentColor" fill-opacity=".48"/>
+  <path d="m20.299 26.289 9.223-4.951C26.182 26.298 20.299 35 20.299 35v-8.711Zm.01-11.098 8.838 4.743-8.833 4.784-.005-9.527Zm-.01-1.53L20.259 5l9.263 13.586-9.223-4.925Z" fill="currentColor" fill-opacity=".48"/>
+  <path d="m11.355 19.97 8.955.734 8.838-.765-8.834 4.784-8.959-4.754Z" fill="currentColor" fill-opacity=".48"/>
+  <path d="m20.31 20.704 8.838-.765-8.833 4.784-.005-4.019Z" fill="currentColor" fill-opacity=".48"/>
 </svg>
\ No newline at end of file

icons/networks/ethereum.svg

 <svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#a)">
-    <path d="m20.471 5-.207.683v19.833l.207.2 9.47-5.441L20.472 5Z" fill="#343434"/>
-    <path d="M20.47 5 11 20.275l9.47 5.442V5Z" fill="#8C8C8C"/>
-    <path d="m20.47 27.46-.116.138v7.064l.117.331 9.476-12.972-9.476 5.438Z" fill="#3C3C3B"/>
-    <path d="M20.47 34.993V27.46L11 22.02l9.47 12.973Z" fill="#8C8C8C"/>
-    <path d="m20.47 25.716 9.471-5.441-9.47-4.184v9.625Z" fill="#141414"/>
-    <path d="m11 20.275 9.47 5.441V16.09L11 20.275Z" fill="#393939"/>
+  <g clip-path="url(#ethereum-a)" fill="currentColor" fill-opacity=".48">
+    <path d="m20.471 5-.207.683v19.833l.207.2 9.47-5.441L20.472 5Z"/>
+    <path d="M20.47 5 11 20.275l9.47 5.442V5ZM20.47 27.46l-.116.138v7.064l.117.331 9.476-12.972-9.476 5.438Z"/>
+    <path d="M20.47 34.993V27.46L11 22.02l9.47 12.973ZM20.47 25.716l9.471-5.441-9.47-4.184v9.625ZM11 20.275l9.47 5.441V16.09L11 20.275Z"/>
   </g>
   <defs>
-    <clipPath id="a">
-      <path fill="#fff" transform="translate(11 5)" d="M0 0h18.947v30H0z"/>
+    <clipPath id="ethereum-a">
+      <path transform="translate(11 5)" d="M0 0h18.947v30H0z"/>
     </clipPath>
   </defs>
 </svg>
\ No newline at end of file

icons/networks/rsk.svg

-<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <rect x="6" y="5" width="27" height="30" fill="url(#rsk-pattern0)"/>
-  <defs>
-    <pattern id="rsk-pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-      <use xlink:href="#image0_2038_38465" transform="scale(0.0277778 0.025)"/>
-    </pattern>
-    <image id="image0_2038_38465" width="85" height="40" xlink:href="data:image/png;base64,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"/>
-  </defs>
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.393 10a2 2 0 1 0-1.835-1.202l.073.125-.01.006A2 2 0 0 0 19.393 10Zm-3-1.979V8a3 3 0 1 1 6 0v.006l5.887 3.399.005-.003a3 3 0 1 1 2.308 5.488v6.22a3 3 0 1 1-2.299 5.493l-5.901 3.41a3 3 0 0 1-6-.013v-.005l-5.888-3.4-.005.003a3 3 0 1 1-2.308-5.488v-6.22a3 3 0 1 1 2.308-5.488l.02.012 5.873-3.393Zm-4.835 4.41 5.196-3.002a3.007 3.007 0 0 0 1.839 1.463v5.027c-.78.25-1.446.88-1.875 1.728l-4.84-2.794a3.006 3.006 0 0 0-.32-2.422Zm4.7 6.682-5.153-2.974a3 3 0 0 1-1.513.802v6.118c.596.12 1.153.42 1.585.876l5.132-2.963a5.282 5.282 0 0 1-.051-1.859Zm.59 3.28-4.943 2.854c.208.8.072 1.646-.355 2.335l5.198 3.001a3.007 3.007 0 0 1 1.845-1.475V23.88c-.705-.226-1.316-.761-1.744-1.489Zm3.245 1.5v-.008c.722-.227 1.348-.779 1.78-1.53l5.008 2.892c-.21.805-.07 1.655.362 2.347l-5.198 3.002a3.006 3.006 0 0 0-1.952-1.514v-5.19Zm2.307-2.965 5.208 3.007a2.998 2.998 0 0 1 1.584-.876v-6.118a3 3 0 0 1-1.512-.802l-5.232 3.02a5.334 5.334 0 0 1-.048 1.769Zm-.399-3.242 4.907-2.834a3.006 3.006 0 0 1 .327-2.434l-5.198-3c-.399.743-1.103 1.299-1.944 1.5v4.997c.798.25 1.477.897 1.908 1.77ZM19.393 30a2 2 0 0 0-1.779 1.084l.007.003-.052.09A2 2 0 1 0 19.392 30Zm8.726-2.892-.009-.016A2 2 0 0 1 29.75 24h.073a2 2 0 1 1-1.704 3.108Zm.002-14.178-.019-.011A2 2 0 0 0 29.75 16h.074a2 2 0 1 0-1.596-3.255l-.107.185ZM8.96 16h.075A1.999 1.999 0 0 0 10 12.268 2 2 0 1 0 8.96 16Zm.074 8h-.072a2 2 0 1 0 .072 0Zm11.75-1.81c.424-.553.715-1.359.715-2.29s-.291-1.737-.716-2.29c-.424-.552-.94-.81-1.434-.81-.495 0-1.01.258-1.435.81-.424.553-.715 1.359-.715 2.29s.29 1.737.715 2.29c.209.27.439.47.678.604V20h1.5v2.802c.244-.133.48-.336.691-.612Z" fill="currentColor"/>
 </svg>
\ No newline at end of file

ui/navigation/networkMenu/NetworkMenu.tsx

@@ -12,7 +12,7 @@ interface Props {
 
 const NetworkMenu = ({ isCollapsed }: Props) => {
   return (
-    <Popover trigger="hover" openDelay={ 0 } placement="right-start" gutter={ 22 }>
+    <Popover openDelay={ 0 } placement="right-start" gutter={ 22 }>
       <PopoverTrigger>
         <Box display="inline-flex" alignSelf="stretch" alignItems="center">
           <Icon
@@ -20,6 +20,7 @@ const NetworkMenu = ({ isCollapsed }: Props) => {
             width="16px"
             height="16px"
             color={ useColorModeValue('gray.500', 'white') }
+            _hover={{ color: 'blue.400' }}
             marginLeft={ isCollapsed ? '0px' : '27px' }
             cursor="pointer"
             { ...getDefaultTransitionProps({ transitionProperty: 'margin' }) }

ui/navigation/networkMenu/NetworkMenuLink.tsx

@@ -5,16 +5,18 @@ import React from 'react';
 import type { NetworkLink } from './types';
 
 import checkIcon from 'icons/check.svg';
+import placeholderIcon from 'icons/networks/placeholder.svg';
 
-import useColors from '../useColors';
+import useColors from './useColors';
 
 interface Props extends NetworkLink {
   isActive: boolean;
 }
 
-const NetworkMenuLink = ({ name, pathname, icon, iconColor, isActive, isNewUi }: Props) => {
-  const colors = useColors();
+const NetworkMenuLink = ({ name, pathname, icon, isActive, isNewUi }: Props) => {
   const href = isNewUi ? pathname : 'https://blockscout.com' + pathname;
+  const hasIcon = Boolean(icon);
+  const colors = useColors({ hasIcon });
 
   return (
     <Box as="li" listStyleType="none">
@@ -30,12 +32,17 @@ const NetworkMenuLink = ({ name, pathname, icon, iconColor, isActive, isNewUi }:
           borderRadius="base"
           color={ isActive ? colors.text.active : colors.text.default }
           bgColor={ isActive ? colors.bg.active : colors.bg.default }
-          _hover={{ color: isActive ? colors.text.active : colors.text.hover }}
+          _hover={{
+            color: isActive ? colors.text.active : colors.text.hover,
+            svg: {
+              color: isActive ? colors.icon.active : colors.icon.hover,
+            },
+          }}
         >
           <Icon
-            as={ icon }
+            as={ hasIcon ? icon : placeholderIcon }
             boxSize="40px"
-            color={ iconColor || 'inherit' }
+            color={ isActive ? colors.icon.active : colors.icon.default }
           />
           <Text
             marginLeft={ 3 }

ui/navigation/networkMenu/NetworkMenuPopup.tsx

-import { PopoverContent, PopoverBody, Text, Tabs, TabList, TabPanels, TabPanel, Tab, VStack, useColorModeValue } from '@chakra-ui/react';
+import { PopoverContent, PopoverBody, Text, Tabs, TabList, TabPanels, TabPanel, Tab, VStack } from '@chakra-ui/react';
 import React from 'react';
 
 import type { NetworkLink } from './types';
@@ -9,7 +9,6 @@ import ethereumClassicIcon from 'icons/networks/ethereum-classic.svg';
 import ethereumIcon from 'icons/networks/ethereum.svg';
 import gnosisIcon from 'icons/networks/gnosis.svg';
 import poaSokolIcon from 'icons/networks/poa-sokol.svg';
-import poaIcon from 'icons/networks/poa.svg';
 import rskIcon from 'icons/networks/rsk.svg';
 import useBasePath from 'lib/hooks/useBasePath';
 
@@ -20,19 +19,16 @@ type PopupTab = 'mainnets' | 'testnets' | 'other';
 const TABS: Array<PopupTab> = [ 'mainnets', 'testnets', 'other' ];
 
 const NetworkMenuPopup = () => {
-  const gnosisChainIconColor = useColorModeValue('black', 'white');
-  const poaChainIconColor = useColorModeValue('gray.100', 'gray.100');
-
   const basePath = useBasePath();
 
   const LINKS: Record<PopupTab, Array<NetworkLink>> = {
     mainnets: [
-      { name: 'Gnosis Chain', pathname: '/xdai/mainnet', icon: gnosisIcon, iconColor: gnosisChainIconColor, isNewUi: true },
-      { name: 'Optimism on Gnosis Chain', pathname: '/xdai/optimism', icon: gnosisIcon, iconColor: gnosisChainIconColor },
+      { name: 'Gnosis Chain', pathname: '/xdai/mainnet', icon: gnosisIcon, isNewUi: true },
+      { name: 'Optimism on Gnosis Chain', pathname: '/xdai/optimism', icon: gnosisIcon },
       { name: 'Arbitrum on xDai', pathname: '/xdai/aox', icon: arbitrumIcon },
       { name: 'Ethereum', pathname: '/eth/mainnet', icon: ethereumIcon },
       { name: 'Ethereum Classic', pathname: '/etc/mainnet', icon: ethereumClassicIcon },
-      { name: 'POA', pathname: '/poa/core', icon: poaIcon, iconColor: poaChainIconColor },
+      { name: 'POA', pathname: '/poa/core' },
       { name: 'RSK', pathname: '/rsk/mainnet', icon: rskIcon },
     ],
     testnets: [
@@ -41,7 +37,7 @@ const NetworkMenuPopup = () => {
     ],
     other: [
       { name: 'ARTIS Σ1', pathname: '/artis/sigma1', icon: artisIcon },
-      { name: 'LUKSO L14', pathname: '/lukso/l14', icon: poaIcon, iconColor: poaChainIconColor },
+      { name: 'LUKSO L14', pathname: '/lukso/l14' },
     ],
   };
 

ui/navigation/networkMenu/types.ts

@@ -3,7 +3,7 @@ import type { FunctionComponent, SVGAttributes } from 'react';
 export interface NetworkLink {
   pathname: string;
   name: string;
-  icon: FunctionComponent<SVGAttributes<SVGElement>>;
+  icon?: FunctionComponent<SVGAttributes<SVGElement>>;
   iconColor?: string;
   isNewUi?: boolean;
 }

ui/navigation/networkMenu/useColors.ts

+import { useColorModeValue } from '@chakra-ui/react';
+
+export default function useColors({ hasIcon }: {hasIcon: boolean}) {
+  const iconDefaultColor = useColorModeValue('blackAlpha.600', 'whiteAlpha.600');
+  const iconPlaceholderDefaultColor = useColorModeValue('blackAlpha.100', 'whiteAlpha.100');
+
+  return {
+    text: {
+      'default': useColorModeValue('gray.700', 'gray.400'),
+      active: useColorModeValue('gray.700', 'gray.50'),
+      hover: 'blue.400',
+    },
+    icon: {
+      'default': hasIcon ? iconDefaultColor : iconPlaceholderDefaultColor,
+      active: useColorModeValue('blackAlpha.900', 'whiteAlpha.900'),
+      hover: 'blue.400',
+    },
+    bg: {
+      'default': 'transparent',
+      active: useColorModeValue('blue.50', 'gray.800'),
+    },
+    border: {
+      'default': useColorModeValue('gray.200', 'whiteAlpha.200'),
+      active: useColorModeValue('blue.50', 'gray.800'),
+    },
+  };
+}