From 6ba30bbbdd79e73067e591a0007d44fc2320bd1e Mon Sep 17 00:00:00 2001
From: Laksh Dhamija <laksh.dhamija@gmail.com>
Date: Wed, 14 Jun 2023 21:46:18 +0530
Subject: [PATCH] feat: enable copying secret key from textarea when key is
 masked

---
 src/app/pages/onboarding/sign-in/sign-in.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/onboarding/sign-in/sign-in.tsx b/src/app/pages/onboarding/sign-in/sign-in.tsx
index d6617f2b..44402994 100644
--- a/src/app/pages/onboarding/sign-in/sign-in.tsx
+++ b/src/app/pages/onboarding/sign-in/sign-in.tsx
@@ -3,7 +3,7 @@ import { FiEye, FiEyeOff } from 'react-icons/fi';
 import { useNavigate } from 'react-router-dom';
 
 import YourSecretKey from '@assets/images/onboarding/your-secret-key.png';
-import { Box, Input, Stack, Text, color, useMediaQuery } from '@stacks/ui';
+import { Box, Input, Stack, Text, color, useClipboard, useMediaQuery } from '@stacks/ui';
 import { OnboardingSelectors } from '@tests/selectors/onboarding.selectors';
 import { Form, Formik } from 'formik';
 
@@ -36,6 +36,7 @@ export function SignIn() {
     sanitizedSecretKey,
   } = useSignIn();
   const navigate = useNavigate();
+  const { onCopy } = useClipboard(sanitizedSecretKey);
 
   const [desktopViewport] = useMediaQuery(`(min-width: ${DESKTOP_VIEWPORT_MIN_WIDTH})`);
 
@@ -83,6 +84,7 @@ export function SignIn() {
                   }}
                   onKeyDown={e => e.key === 'Enter' && form.submitForm()}
                   onPaste={onPaste}
+                  onCopy={onCopy}
                   placeholder="Paste or type your Secret Key"
                   ref={ref as any}
                   spellCheck={false}