diff --git a/src/routes/safe/components/Settings/SafeDetails/index.tsx b/src/routes/safe/components/Settings/SafeDetails/index.tsx index 3b91625e..40278365 100644 --- a/src/routes/safe/components/Settings/SafeDetails/index.tsx +++ b/src/routes/safe/components/Settings/SafeDetails/index.tsx @@ -1,4 +1,5 @@ import { makeStyles } from '@material-ui/core/styles' +import cn from 'classnames' import { withSnackbar } from 'notistack' import React from 'react' import { useDispatch, useSelector } from 'react-redux' @@ -21,6 +22,7 @@ import { TX_NOTIFICATION_TYPES } from 'src/logic/safe/transactions' import UpdateSafeModal from 'src/routes/safe/components/Settings/UpdateSafeModal' import { grantedSelector } from 'src/routes/safe/container/selector' import updateSafe from 'src/routes/safe/store/actions/updateSafe' +import Link from 'src/components/layout/Link' import { latestMasterContractVersionSelector, safeCurrentVersionSelector, @@ -72,8 +74,15 @@ const SafeDetails = (props) => { Safe Version - {safeCurrentVersion} - {safeNeedsUpdate && ` (there's a newer version: ${latestMasterContractVersion})`} + + {safeCurrentVersion} + {safeNeedsUpdate && ` (there's a newer version: ${latestMasterContractVersion})`} + {safeNeedsUpdate && isUserOwner ? ( diff --git a/src/routes/safe/components/Settings/SafeDetails/style.ts b/src/routes/safe/components/Settings/SafeDetails/style.ts index 7c1b233b..a2b55802 100644 --- a/src/routes/safe/components/Settings/SafeDetails/style.ts +++ b/src/routes/safe/components/Settings/SafeDetails/style.ts @@ -1,4 +1,4 @@ -import { boldFont, border, lg, sm } from 'src/theme/variables' +import { boldFont, border, lg, sm, connected } from 'src/theme/variables' export const styles = () => ({ formContainer: { @@ -23,4 +23,11 @@ export const styles = () => ({ versionNumber: { height: '21px', }, + link: { + color: `${connected}`, + textDecoration: 'none', + '&:hover': { + textDecoration: 'underline', + }, + }, })