From 711067441f0cc41f18c81c705ea563ef523f0bad Mon Sep 17 00:00:00 2001
From: Alia Aamir <aliaaamir@bitgo.com>
Date: Thu, 27 Jul 2023 16:03:14 -0400
Subject: [PATCH] feat(wrw): add api key in wrw bitcoin form

WP-339
---
 src/containers/NonBitGoRecoveryCoin/BitcoinForm.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/containers/NonBitGoRecoveryCoin/BitcoinForm.tsx b/src/containers/NonBitGoRecoveryCoin/BitcoinForm.tsx
index 1fb0f47f..f97e540e 100644
--- a/src/containers/NonBitGoRecoveryCoin/BitcoinForm.tsx
+++ b/src/containers/NonBitGoRecoveryCoin/BitcoinForm.tsx
@@ -11,6 +11,7 @@ import {
 const validationSchema = Yup.object({
   backupKey: Yup.string().required(),
   bitgoKey: Yup.string().required(),
+  apiKey: Yup.string().required(),
   krsProvider: Yup.string()
     .oneOf(['keyternal', 'bitgoKRSv2', 'dai'])
     .label('Key Recovery Service'),
@@ -33,6 +34,7 @@ export function BitcoinForm({ onSubmit }: BitcoinFormProps) {
   const formik = useFormik<BitcoinFormValues>({
     onSubmit,
     initialValues: {
+      apiKey: '',
       backupKey: '',
       bitgoKey: '',
       krsProvider: '',
@@ -120,6 +122,14 @@ export function BitcoinForm({ onSubmit }: BitcoinFormProps) {
             Width="fill"
           />
         </div>
+        <div className="tw-mb-4">
+          <FormikTextfield
+            HelperText="An Api-Key Token from blockchair.com required for recovery of this coin."
+            Label="API Key"
+            name="apiKey"
+            Width="fill"
+          />
+        </div>
         <div className="tw-flex tw-flex-col-reverse sm:tw-justify-between sm:tw-flex-row tw-gap-1 tw-mt-4">
           <Button Tag={Link} to="/" Variant="secondary" Width="hug">
             Cancel