diff --git a/package.json b/package.json index db3bd351..e9ca25f0 100644 --- a/package.json +++ b/package.json @@ -160,7 +160,7 @@ }, "dependencies": { "@gnosis.pm/safe-contracts": "1.1.1-dev.2", - "@gnosis.pm/safe-react-components": "https://github.com/gnosis/safe-react-components.git#2b4635b", + "@gnosis.pm/safe-react-components": "https://github.com/gnosis/safe-react-components.git#e163ab6", "@gnosis.pm/util-contracts": "2.0.6", "@ledgerhq/hw-transport-node-hid": "5.19.1", "@material-ui/core": "4.11.0", diff --git a/src/components/Header/components/ProviderInfo/ProviderAccessible.tsx b/src/components/Header/components/ProviderInfo/ProviderAccessible.tsx index 0764b21f..8669016c 100644 --- a/src/components/Header/components/ProviderInfo/ProviderAccessible.tsx +++ b/src/components/Header/components/ProviderInfo/ProviderAccessible.tsx @@ -1,7 +1,6 @@ import { makeStyles } from '@material-ui/core/styles' import * as React from 'react' -import { AddressInfo, Identicon, Text } from '@gnosis.pm/safe-react-components' -import styled from 'styled-components' +import { AddressInfo, Text } from '@gnosis.pm/safe-react-components' import NetworkLabel from '../NetworkLabel' import CircleDot from 'src/components/Header/components/CircleDot' @@ -10,16 +9,6 @@ import Paragraph from 'src/components/layout/Paragraph' import WalletIcon from '../WalletIcon' import { connected as connectedBg, screenSm, sm } from 'src/theme/variables' -const AddressWrapper = styled.div` - display: flex; - align-items: center; - - > div { - margin-left: 5px; - margin-top: 2px; - } -` - const useStyles = makeStyles({ network: { fontFamily: 'Averta, sans-serif', @@ -97,16 +86,15 @@ const ProviderInfo = ({ connected, provider, userAddress, network }: ProviderInf
{connected ? ( - - - - + ) : ( Connection Error diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/CreationTx/index.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/CreationTx/index.tsx index 8d899ace..773ebff1 100644 --- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/CreationTx/index.tsx +++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/CreationTx/index.tsx @@ -1,10 +1,11 @@ import { makeStyles } from '@material-ui/core/styles' import React from 'react' +import { AddressInfo } from '@gnosis.pm/safe-react-components' +import { getNetwork } from 'src/config' import { formatDate } from 'src/routes/safe/components/Transactions/TxsTable/columns' import Bold from 'src/components/layout/Bold' import Paragraph from 'src/components/layout/Paragraph' -import EtherscanLink from 'src/components/EtherscanLink' import Block from 'src/components/layout/Block' import { TransactionTypes } from 'src/routes/safe/store/models/types/transaction' @@ -39,15 +40,33 @@ export const CreationTx = ({ tx }) => { Creator: - {tx.creator ? : 'n/a'} + {tx.creator ? ( + + ) : ( + 'n/a' + )} Factory: - {tx.factoryAddress ? : 'n/a'} + {tx.factoryAddress ? ( + + ) : ( + 'n/a' + )} Mastercopy: - {tx.masterCopy ? : 'n/a'} + {tx.masterCopy ? ( + + ) : ( + 'n/a' + )} ) : null diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/OwnersColumn/OwnerComponent.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/OwnersColumn/OwnerComponent.tsx index bd381a32..4d5cf69b 100644 --- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/OwnersColumn/OwnerComponent.tsx +++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/OwnersColumn/OwnerComponent.tsx @@ -2,6 +2,8 @@ import { withStyles } from '@material-ui/core/styles' import cn from 'classnames' import React from 'react' import { useSelector } from 'react-redux' +import { AddressInfo } from '@gnosis.pm/safe-react-components' +import { getNetwork } from 'src/config' import CancelSmallFilledCircle from './assets/cancel-small-filled.svg' import ConfirmSmallFilledCircle from './assets/confirm-small-filled.svg' @@ -11,12 +13,9 @@ import ConfirmSmallRedCircle from './assets/confirm-small-red.svg' import PendingSmallYellowCircle from './assets/confirm-small-yellow.svg' import { styles } from './style' -import EtherscanLink from 'src/components/EtherscanLink' -import Identicon from 'src/components/Identicon' import Block from 'src/components/layout/Block' import Button from 'src/components/layout/Button' import Img from 'src/components/layout/Img' -import Paragraph from 'src/components/layout/Paragraph' import { getNameFromAddressBook } from 'src/logic/addressBook/store/selectors' export const CONFIRM_TX_BTN_TEST_ID = 'confirm-btn' @@ -153,13 +152,15 @@ const OwnerComponent = ({
- - - - {nameInAdbk} - - - + {owner === userAddress && {isCancelTx ? rejectButton() : confirmButton()}} {owner === executor && Executor} diff --git a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx index 87679135..5d09d83b 100644 --- a/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx +++ b/src/routes/safe/components/Transactions/TxsTable/ExpandedTx/index.tsx @@ -58,7 +58,7 @@ const ExpandedTx = ({ cancelTx, tx }) => { - +
Hash: {tx.executionTxHash ? ( { ) : ( 'n/a' )} - +
{!isIncomingTx && !isCreationTx && ( Nonce: diff --git a/yarn.lock b/yarn.lock index 3ae950c6..c0c6a985 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1337,9 +1337,9 @@ solc "0.5.14" truffle "^5.1.21" -"@gnosis.pm/safe-react-components@https://github.com/gnosis/safe-react-components.git#2b4635b": +"@gnosis.pm/safe-react-components@https://github.com/gnosis/safe-react-components.git#e163ab6": version "0.2.0" - resolved "https://github.com/gnosis/safe-react-components.git#2b4635b22bebfca0260486f1ae7a9a35b02d71c2" + resolved "https://github.com/gnosis/safe-react-components.git#e163ab6375ad384a39411104b6486c18a4238f27" dependencies: classnames "^2.2.6" polished "3.6.5"