refine copytoclipboard component

nym-wallet/src/components/CopyToClipboard.tsx

@@ -1,49 +1,29 @@
 import React, { useState } from 'react'
 import { Button } from '@mui/material'
 import { Check } from '@mui/icons-material'
-import { green } from '@mui/material/colors'
 import { clipboard } from '@tauri-apps/api'
 
-const copy = (text: string): Promise<{ success: boolean; value: string }> => {
-  return new Promise((resolve, reject) => {
-    clipboard
-      .writeText(text)
-      .then(() => resolve({ success: true, value: text }))
-      .catch((e) => reject({ success: false, value: 'Failed to copy: ' + e }))
-  })
-}
-
-export const handleCopy = async ({
-  text,
-  cb,
-}: {
-  text: string
-  cb: (success: boolean) => void
-}) => {
-  const res = await copy(text)
-  if (res.success) {
-    setTimeout(() => {
-      cb(true)
-    }, 750)
-  } else {
-    console.log(res.value)
-  }
-}
-
 export const CopyToClipboard = ({ text }: { text: string }) => {
   const [copied, setCopied] = useState(false)
 
-  const updateCopyStatus = (isCopied: boolean) => setCopied(isCopied)
+  const handleCopy = async (text: string) => {
+    try {
+      await clipboard.writeText(text)
+      setCopied(true)
+    } catch (e) {
+      console.log('failed to copy: ' + e)
+    }
+  }
 
   return (
     <Button
       size="small"
-      variant={copied ? 'text' : 'outlined'}
+      variant="outlined"
+      color={copied ? 'success' : 'inherit'}
       aria-label="save"
       data-testid="copy-button"
-      onClick={() => handleCopy({ text, cb: updateCopyStatus })}
+      onClick={() => handleCopy(text)}
       endIcon={copied && <Check />}
-      sx={copied ? { bgcolor: green[500], color: 'white' } : {}}
     >
       {copied ? 'Copied' : 'Copy'}
     </Button>