diff --git a/src/components/EtherscanLink/index.tsx b/src/components/EtherscanLink/index.tsx
index ea4dec04..9a6d70f9 100644
--- a/src/components/EtherscanLink/index.tsx
+++ b/src/components/EtherscanLink/index.tsx
@@ -8,7 +8,7 @@ import CopyBtn from 'src/components/CopyBtn'
import Block from 'src/components/layout/Block'
import Span from 'src/components/layout/Span'
import { shortVersionOf } from 'src/logic/wallets/ethAddresses'
-import EllipsisTransactionDetails from 'src/routes/safe/components/AddressBook/EllipsisTransactionDetails'
+import { EllipsisTransactionDetails } from 'src/routes/safe/components/AddressBook/EllipsisTransactionDetails'
import { ExplorerButton } from '@gnosis.pm/safe-react-components'
import { getExplorerInfo } from 'src/config'
@@ -19,9 +19,16 @@ interface EtherscanLinkProps {
cut?: number
knownAddress?: boolean
value: string
+ sendModalOpenHandler?: () => void
}
-export const EtherscanLink = ({ className, cut, knownAddress, value }: EtherscanLinkProps): React.ReactElement => {
+export const EtherscanLink = ({
+ className,
+ cut,
+ knownAddress,
+ value,
+ sendModalOpenHandler,
+}: EtherscanLinkProps): React.ReactElement => {
const classes = useStyles()
return (
@@ -31,7 +38,13 @@ export const EtherscanLink = ({ className, cut, knownAddress, value }: Etherscan
- {knownAddress !== undefined ? : null}
+ {knownAddress !== undefined ? (
+
+ ) : null}
)
}
diff --git a/src/routes/safe/components/AddressBook/EllipsisTransactionDetails/index.tsx b/src/routes/safe/components/AddressBook/EllipsisTransactionDetails/index.tsx
index 3d7cfa44..783b0f52 100644
--- a/src/routes/safe/components/AddressBook/EllipsisTransactionDetails/index.tsx
+++ b/src/routes/safe/components/AddressBook/EllipsisTransactionDetails/index.tsx
@@ -1,4 +1,4 @@
-import { ClickAwayListener, Divider } from '@material-ui/core'
+import { ClickAwayListener, createStyles, Divider } from '@material-ui/core'
import Menu from '@material-ui/core/Menu'
import MenuItem from '@material-ui/core/MenuItem'
import { makeStyles } from '@material-ui/core/styles'
@@ -11,26 +11,38 @@ import { SAFELIST_ADDRESS } from 'src/routes/routes'
import { safeParamAddressFromStateSelector } from 'src/logic/safe/store/selectors'
import { xs } from 'src/theme/variables'
-const useStyles = makeStyles({
- container: {
- display: 'flex',
- justifyContent: 'center',
- alignItems: 'center',
- cursor: 'pointer',
- margin: `0 ${xs}`,
- borderRadius: '50%',
- transition: 'background-color .2s ease-in-out',
- '&:hover': {
- backgroundColor: '#F0EFEE',
+const useStyles = makeStyles(
+ createStyles({
+ container: {
+ display: 'flex',
+ justifyContent: 'center',
+ alignItems: 'center',
+ cursor: 'pointer',
+ margin: `0 ${xs}`,
+ borderRadius: '50%',
+ transition: 'background-color .2s ease-in-out',
+ '&:hover': {
+ backgroundColor: '#F0EFEE',
+ },
+ outline: 'none',
},
- outline: 'none',
- },
- increasedPopperZindex: {
- zIndex: 2001,
- },
-})
+ increasedPopperZindex: {
+ zIndex: 2001,
+ },
+ }),
+)
-const EllipsisTransactionDetails = ({ address, knownAddress }) => {
+type EllipsisTransactionDetailsProps = {
+ address: string
+ knownAddress?: boolean
+ sendModalOpenHandler?: () => void
+}
+
+export const EllipsisTransactionDetails = ({
+ address,
+ knownAddress,
+ sendModalOpenHandler,
+}: EllipsisTransactionDetailsProps): React.ReactElement => {
const classes = useStyles()
const [anchorEl, setAnchorEl] = React.useState(null)
@@ -51,10 +63,12 @@ const EllipsisTransactionDetails = ({ address, knownAddress }) => {