From 49129c6a82da868e3a16ac30c91d015acd3b8624 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sun, 8 Oct 2023 14:20:29 +0300
Subject: [PATCH] feat: copy recovery phrase functionallity

---
 .../KeyGeneration/RecoveryPhrase.tsx              | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
index a253a059..a80b74da 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
@@ -31,6 +31,15 @@ const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => {
     setIsReveal(state => !state)
   }
 
+  const copyRecoveryPhraseHandler = () => {
+    if (isKeystoreFiles) {
+      return
+    }
+
+    const text = generatedMnemonic.join(' ')
+    navigator.clipboard.writeText(text)
+  }
+
   return (
     <YStack space={'$4'} style={{ width: '100%', marginTop: isKeystoreFiles ? '20px' : '0px' }}>
       <Stack
@@ -42,7 +51,11 @@ const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => {
           width: '100%',
         }}
       >
-        <YStack space={'$2'} style={{ filter: `blur(${isReveal ? '0px' : '4px'})` }}>
+        <YStack
+          space={'$2'}
+          style={{ filter: `blur(${isReveal ? '0px' : '4px'})`, cursor: 'pointer' }}
+          onClick={copyRecoveryPhraseHandler}
+        >
           <XStack
             style={{
               display: 'grid',