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',