Show a notification when an address has been copied

Fixes #271.
oasisprotocol · Sep 22, 2022 · ac018e9 · ac018e9
1 parent fd6cda3
commit ac018e9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/app/components/AddressBox/index.tsx b/src/app/components/AddressBox/index.tsx
@@ -7,18 +7,23 @@ import copy from 'copy-to-clipboard'
 import { Box, Button, Text } from 'grommet'
 import { Copy } from 'grommet-icons/icons'
 import React, { memo } from 'react'
+import { useTranslation } from 'react-i18next'
 
 import { PrettyAddress } from '../PrettyAddress'
+import { useToastNotification } from '../Notification'
 
 interface Props {
   address: string
 }
 
 export const AddressBox = memo((props: Props) => {
+  const { t } = useTranslation()
+  const { showNotification } = useToastNotification()
   const address = props.address
 
   const copyAddress = () => {
     copy(address)
+    showNotification(t('account.addressCopied', 'Address copied.'))
   }
 
   return (

diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -11,6 +11,7 @@
       },
       "delegate": "Delegate"
     },
+    "addressCopied": "Address copied.",
     "loading": "Loading account",
     "loadingError": "Couldn't load account.",
     "reclaimEscrow": {