move copy into _locales

src/_locales/en/messages.json

@@ -172,6 +172,15 @@
   "connectWallet_error_grantRejected": {
     "message": "Connect wallet cancelled. You rejected the request."
   },
+  "connectWalletKeyService_text_consent": {
+    "message": "By agreeing, you provide us consent to automatically access your wallet to securely add a key. Please note, this process does not involve accessing or handling your funds."
+  },
+  "connectWalletKeyService_label_conceptAccept": {
+    "message": "Accept"
+  },
+  "connectWalletKeyService_label_conceptDecline": {
+    "message": "Decline"
+  },
   "connectWalletKeyService_error_notImplemented": {
     "message": "Automatic key addition is not implemented for given wallet provider yet."
   },

src/popup/components/ConnectWalletForm.tsx

@@ -401,12 +401,11 @@ const AutoKeyAddConsent: React.FC<{
   onAccept: () => void;
   onDecline: () => void;
 }> = ({ onAccept, onDecline }) => {
+  const t = useTranslation();
   return (
     <form className="space-y-4" data-testid="connect-wallet-auto-key-consent">
       <p className="text-sm text-medium">
-        By agreeing, you provide us consent to automatically access your wallet
-        to securely add a key. Please note, this process does not involve
-        accessing or handling your funds.
+        {t('connectWalletKeyService_text_consent')}
       </p>
 
       <div className="flex justify-between gap-6">
@@ -415,14 +414,14 @@ const AutoKeyAddConsent: React.FC<{
           onClick={onAccept}
           className="bg-green-600 text-white"
         >
-          Accept
+          {t('connectWalletKeyService_label_conceptAccept')}
         </Button>
         <Button
           type="button"
           onClick={onDecline}
           className="bg-red-600 text-white"
         >
-          Decline
+          {t('connectWalletKeyService_label_conceptDecline')}
         </Button>
       </div>
     </form>