From 7b2872c8215524321bb7c613e87b6890f734a0b5 Mon Sep 17 00:00:00 2001 From: tom Date: Thu, 25 Jan 2024 17:33:45 +0400 Subject: [PATCH] Address title: second line updates Fixes #1537 --- icons/dots.svg | 5 +++++ icons/vertical_dots.svg | 3 --- public/icons/name.d.ts | 2 +- ui/address/SolidityscanReport.tsx | 4 ++-- ui/address/ensDomains/AddressEnsDomains.tsx | 12 ++++++++---- .../AccountActionsMenu/AccountActionsMenu.tsx | 14 ++++++-------- ui/shared/NetworkExplorers.tsx | 9 +++++++-- ui/shared/address/AddressAddToWallet.tsx | 2 +- ui/shared/chart/ChartWidget.tsx | 2 +- ui/token/TokenProjectInfo.tsx | 4 ++-- ui/token/TokenProjectInfo/TriggerButton.tsx | 4 +--- ui/token/TokenVerifiedInfo.tsx | 2 +- 12 files changed, 35 insertions(+), 28 deletions(-) create mode 100644 icons/dots.svg delete mode 100644 icons/vertical_dots.svg diff --git a/icons/dots.svg b/icons/dots.svg new file mode 100644 index 0000000000..656e69f1b5 --- /dev/null +++ b/icons/dots.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/icons/vertical_dots.svg b/icons/vertical_dots.svg deleted file mode 100644 index 0d4cf417f4..0000000000 --- a/icons/vertical_dots.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/icons/name.d.ts b/public/icons/name.d.ts index 09d8e061ce..d38fe9500a 100644 --- a/public/icons/name.d.ts +++ b/public/icons/name.d.ts @@ -27,6 +27,7 @@ | "discussions" | "docs" | "donate" + | "dots" | "edit" | "email-sent" | "email" @@ -126,7 +127,6 @@ | "verified_token" | "verified" | "verify-contract" - | "vertical_dots" | "wallet" | "wallets/coinbase" | "wallets/metamask" diff --git a/ui/address/SolidityscanReport.tsx b/ui/address/SolidityscanReport.tsx index 8fe817d4fd..d7bbdc9ca2 100644 --- a/ui/address/SolidityscanReport.tsx +++ b/ui/address/SolidityscanReport.tsx @@ -112,7 +112,7 @@ const SolidityscanReport = ({ className, hash }: Props) => { return ( - + diff --git a/ui/shared/AccountActionsMenu/AccountActionsMenu.tsx b/ui/shared/AccountActionsMenu/AccountActionsMenu.tsx index a74da37045..83ff5be94f 100644 --- a/ui/shared/AccountActionsMenu/AccountActionsMenu.tsx +++ b/ui/shared/AccountActionsMenu/AccountActionsMenu.tsx @@ -1,4 +1,4 @@ -import { Button, Menu, MenuButton, MenuList, Flex, Skeleton, chakra } from '@chakra-ui/react'; +import { IconButton, Menu, MenuButton, MenuList, Skeleton, chakra } from '@chakra-ui/react'; import { useRouter } from 'next/router'; import React from 'react'; @@ -37,16 +37,14 @@ const AccountActionsMenu = ({ isLoading, className }: Props) => { - - More - - - + icon={ } + /> { isTokenPage && config.features.addressVerification.isEnabled && diff --git a/ui/shared/NetworkExplorers.tsx b/ui/shared/NetworkExplorers.tsx index d0cefc98d0..8f5918fce9 100644 --- a/ui/shared/NetworkExplorers.tsx +++ b/ui/shared/NetworkExplorers.tsx @@ -1,4 +1,4 @@ -import { Flex, Button, chakra, Popover, PopoverTrigger, PopoverBody, PopoverContent, useDisclosure } from '@chakra-ui/react'; +import { Flex, Button, chakra, Popover, PopoverTrigger, PopoverBody, PopoverContent, useDisclosure, Show, Hide } from '@chakra-ui/react'; import React from 'react'; import type { NetworkExplorer as TNetworkExplorer } from 'types/networks'; @@ -46,7 +46,12 @@ const NetworkExplorers = ({ className, type, pathParam }: Props) => { flexShrink={ 0 } > - + + { explorersLinks.length } Explorer{ explorersLinks.length > 1 ? 's' : '' } + + + { explorersLinks.length } + diff --git a/ui/shared/address/AddressAddToWallet.tsx b/ui/shared/address/AddressAddToWallet.tsx index 144e21101f..7d0274c0e5 100644 --- a/ui/shared/address/AddressAddToWallet.tsx +++ b/ui/shared/address/AddressAddToWallet.tsx @@ -96,7 +96,7 @@ const AddressAddToWallet = ({ className, token, isLoading, variant = 'icon', ico aria-label="Add token to wallet" variant="outline" size="sm" - px="6px" + px={ 1 } onClick={ handleClick } icon={ } flexShrink={ 0 } diff --git a/ui/shared/chart/ChartWidget.tsx b/ui/shared/chart/ChartWidget.tsx index b613b8f7a4..86cc601221 100644 --- a/ui/shared/chart/ChartWidget.tsx +++ b/ui/shared/chart/ChartWidget.tsx @@ -207,7 +207,7 @@ const ChartWidget = ({ items, title, description, isLoading, className, isError, } + icon={ } colorScheme="gray" variant="ghost" as={ IconButton } diff --git a/ui/token/TokenProjectInfo.tsx b/ui/token/TokenProjectInfo.tsx index 3a6bd3fee7..4aa71e47f2 100644 --- a/ui/token/TokenProjectInfo.tsx +++ b/ui/token/TokenProjectInfo.tsx @@ -27,7 +27,7 @@ const TokenProjectInfo = ({ data }: Props) => { if (isMobile) { return ( <> - + @@ -41,7 +41,7 @@ const TokenProjectInfo = ({ data }: Props) => { return ( - + diff --git a/ui/token/TokenProjectInfo/TriggerButton.tsx b/ui/token/TokenProjectInfo/TriggerButton.tsx index fcab97ab21..5398df16e1 100644 --- a/ui/token/TokenProjectInfo/TriggerButton.tsx +++ b/ui/token/TokenProjectInfo/TriggerButton.tsx @@ -5,10 +5,9 @@ import IconSvg from 'ui/shared/IconSvg'; interface Props { onClick: () => void; - isOpen: boolean; } -const TriggerButton = ({ isOpen, onClick }: Props, ref: React.ForwardedRef) => { +const TriggerButton = ({ onClick }: Props, ref: React.ForwardedRef) => { return ( ); }; diff --git a/ui/token/TokenVerifiedInfo.tsx b/ui/token/TokenVerifiedInfo.tsx index 4beb5240d7..56af8bda88 100644 --- a/ui/token/TokenVerifiedInfo.tsx +++ b/ui/token/TokenVerifiedInfo.tsx @@ -28,7 +28,7 @@ const TokenVerifiedInfo = ({ verifiedInfoQuery }: Props) => { <> - + ); }