Commit d58f9abc authored by tom's avatar tom

add icons

parent 9848fdaf
<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"/>
</svg>
\ No newline at end of file
This diff is collapsed.
<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"/>
</svg>
\ No newline at end of file
<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>
<defs>
<clipPath id="a">
<path fill="#fff" transform="translate(11 5)" d="M0 0h18.947v30H0z"/>
</clipPath>
</defs>
</svg>
\ No newline at end of file
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="url(#a)" d="M0 12h40v16.522H0z"/>
<defs>
<pattern id="a" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#b" transform="scale(.01087 .02632)"/>
</pattern>
<image id="b" width="192" height="38" xlink:href="data:image/png;base64,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"/>
</defs>
</svg>
\ No newline at end of file
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.022 8a1 1 0 0 0-1-1h-3.444a1 1 0 0 0-1 1v3.417a1 1 0 0 1-1 1H8a1 1 0 0 0-1 1V32a1 1 0 0 0 1 1h3.445a1 1 0 0 0 1-1V13.417a1 1 0 0 1 1-1h2.577a1 1 0 0 0 1-1V8Zm10.926 0a1 1 0 0 0-1-1h-3.444a1 1 0 0 0-1 1v3.417a1 1 0 0 0 1 1h2.388a1 1 0 0 1 1 1V32a1 1 0 0 0 1 1h3.445a1 1 0 0 0 1-1V13.417a1 1 0 0 0-1-1h-2.389a1 1 0 0 1-1-1V8Zm-5.52 10.37a1 1 0 0 0-1-1h-3.444a1 1 0 0 0-1 1v8.523a1 1 0 0 0 1 1h3.444a1 1 0 0 0 1-1v-8.524Z" fill="currentColor"/>
</svg>
\ No newline at end of file
<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(#pattern0)"/>
<defs>
<pattern id="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>
......@@ -12,9 +12,9 @@ interface Props {
const NetworkMenu = ({ isCollapsed }: Props) => {
return (
<Popover trigger="hover" openDelay={ 0 } placement="right-start" gutter={ 22 } isOpen>
<Popover trigger="hover" openDelay={ 0 } placement="right-start" gutter={ 22 }>
<PopoverTrigger>
<Box display="inline-flex">
<Box display="inline-flex" alignSelf="stretch" alignItems="center">
<Icon
as={ networksIcon }
width="16px"
......
......@@ -10,7 +10,7 @@ import useColors from '../useColors';
type Props = NetworkLink;
const NetworkMenuLink = ({ name, url, icon }: Props) => {
const NetworkMenuLink = ({ name, url, icon, iconColor }: Props) => {
const isActive = name === 'Gnosis Chain';
const colors = useColors();
......@@ -33,7 +33,7 @@ const NetworkMenuLink = ({ name, url, icon }: Props) => {
<Icon
as={ icon }
boxSize="40px"
color="deeppink"
color={ iconColor || 'inherit' }
/>
<Text
marginLeft={ 3 }
......
import { PopoverContent, PopoverBody, Text, Tabs, TabList, TabPanels, TabPanel, Tab, VStack } from '@chakra-ui/react';
import { PopoverContent, PopoverBody, Text, Tabs, TabList, TabPanels, TabPanel, Tab, VStack, useColorModeValue } from '@chakra-ui/react';
import React from 'react';
import type { NetworkLink } from './types';
import arbitrumIcon from 'icons/networks/arbitrum.svg';
import artisIcon from 'icons/networks/artis.svg';
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 NetworkMenuLink from './NetworkMenuLink';
......@@ -11,27 +18,30 @@ type PopupTab = 'mainnets' | 'testnets' | 'other';
const TABS: Array<PopupTab> = [ 'mainnets', 'testnets', 'other' ];
const LINKS: Record<PopupTab, Array<NetworkLink>> = {
mainnets: [
{ name: 'Gnosis Chain', url: '/xdai/mainnet', icon: gnosisIcon },
{ name: 'Optimism on Gnosis Chain', url: '/xdai/optimism', icon: gnosisIcon },
{ name: 'Arbitrum on xDai', url: '/xdai/aox', icon: gnosisIcon },
{ name: 'Ethereum', url: '/eth/mainnet', icon: gnosisIcon },
{ name: 'Ethereum Classic', url: '/etc/mainnet', icon: gnosisIcon },
{ name: 'POA', url: '/poa/core', icon: gnosisIcon },
{ name: 'RSK', url: '/rsk/mainnet', icon: gnosisIcon },
],
testnets: [
{ name: 'Gnosis Chain Testnet', url: '/xdai/testnet', icon: gnosisIcon },
{ name: 'POA Sokol', url: '/poa/sokol', icon: gnosisIcon },
],
other: [
{ name: 'ARTIS Σ1', url: '/artis/sigma1', icon: gnosisIcon },
{ name: 'LUKSO L14', url: '/lukso/l14', icon: gnosisIcon },
],
};
const NetworkMenuPopup = () => {
const gnosisChainIconColor = useColorModeValue('black', 'white');
const poaChainIconColor = useColorModeValue('gray.100', 'gray.100');
const LINKS: Record<PopupTab, Array<NetworkLink>> = {
mainnets: [
{ name: 'Gnosis Chain', url: '/xdai/mainnet', icon: gnosisIcon, iconColor: gnosisChainIconColor },
{ name: 'Optimism on Gnosis Chain', url: '/xdai/optimism', icon: gnosisIcon, iconColor: gnosisChainIconColor },
{ name: 'Arbitrum on xDai', url: '/xdai/aox', icon: arbitrumIcon },
{ name: 'Ethereum', url: '/eth/mainnet', icon: ethereumIcon },
{ name: 'Ethereum Classic', url: '/etc/mainnet', icon: ethereumClassicIcon },
{ name: 'POA', url: '/poa/core', icon: poaIcon, iconColor: poaChainIconColor },
{ name: 'RSK', url: '/rsk/mainnet', icon: rskIcon },
],
testnets: [
{ name: 'Gnosis Chain Testnet', url: '/xdai/testnet', icon: arbitrumIcon },
{ name: 'POA Sokol', url: '/poa/sokol', icon: poaSokolIcon },
],
other: [
{ name: 'ARTIS Σ1', url: '/artis/sigma1', icon: artisIcon },
{ name: 'LUKSO L14', url: '/lukso/l14', icon: poaIcon, iconColor: poaChainIconColor },
],
};
return (
<PopoverContent w="382px">
<PopoverBody>
......
......@@ -4,4 +4,5 @@ export interface NetworkLink {
url: string;
name: string;
icon: FunctionComponent<SVGAttributes<SVGElement>>;
iconColor?: string;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment