diff --git a/src/routes/safe/components/Balances/SendModal/screens/ReviewTx/index.jsx b/src/routes/safe/components/Balances/SendModal/screens/ReviewTx/index.jsx index e58b0270..9d233a14 100644 --- a/src/routes/safe/components/Balances/SendModal/screens/ReviewTx/index.jsx +++ b/src/routes/safe/components/Balances/SendModal/screens/ReviewTx/index.jsx @@ -78,7 +78,7 @@ const ReviewTx = ({ } return ( - + <> Send Funds @@ -154,7 +154,7 @@ const ReviewTx = ({ SUBMIT - + ) }} diff --git a/src/routes/safe/components/Settings/ChangeSafeName/index.jsx b/src/routes/safe/components/Settings/ChangeSafeName/index.jsx index 7b2c1da7..4713515c 100644 --- a/src/routes/safe/components/Settings/ChangeSafeName/index.jsx +++ b/src/routes/safe/components/Settings/ChangeSafeName/index.jsx @@ -5,6 +5,7 @@ import Block from '~/components/layout/Block' import Col from '~/components/layout/Col' import Field from '~/components/forms/Field' import Heading from '~/components/layout/Heading' +import { SharedSnackbarConsumer } from '~/components/SharedSnackBar' import { composeValidators, required, minMaxLength } from '~/components/forms/validator' import TextField from '~/components/forms/TextField' import GnoForm from '~/components/forms/GnoForm' @@ -28,22 +29,24 @@ type Props = { safeAddress: string, safeName: string, updateSafe: Function, + openSnackbar: Function, } const ChangeSafeName = (props: Props) => { const { - classes, safeAddress, safeName, updateSafe, + classes, safeAddress, safeName, updateSafe, openSnackbar, } = props const handleSubmit = (values) => { updateSafe({ address: safeAddress, name: values.safeName }) + openSnackbar('Safe name changed', 'success') } return ( - + <> {() => ( - + <> Modify Safe name @@ -78,11 +81,17 @@ const ChangeSafeName = (props: Props) => { - + )} - + ) } -export default withStyles(styles)(ChangeSafeName) +const withSnackbar = (props) => ( + + {({ openSnackbar }) => } + +) + +export default withStyles(styles)(withSnackbar) diff --git a/src/routes/safe/components/Settings/style.js b/src/routes/safe/components/Settings/style.js index 86f50dad..13741457 100644 --- a/src/routes/safe/components/Settings/style.js +++ b/src/routes/safe/components/Settings/style.js @@ -6,9 +6,10 @@ import { export const styles = () => ({ root: { backgroundColor: 'white', - boxShadow: '0 -1px 4px 0 rgba(74, 85, 121, 0.5)', + boxShadow: '1px 2px 10px 0 rgba(212, 212, 211, 0.59)', minHeight: '400px', display: 'flex', + borderRadius: '8px', }, settings: { letterSpacing: '-0.5px',