From ad77cec0082660af727502f2c46c9110baab044a Mon Sep 17 00:00:00 2001
From: Daniel Lockyer <hi@daniellockyer.com>
Date: Thu, 27 Jun 2024 10:16:34 +0200
Subject: [PATCH] Removed unused type field

- this is no longer used and causes a React warning because we end up
  passing it to a textarea
---
 apps/admin-x-design-system/src/global/form/TextArea.tsx         | 1 -
 .../settings/growth/embedSignup/EmbedSignupSidebar.tsx          | 1 -
 .../growth/recommendations/RecommendationDescriptionForm.tsx    | 1 -
 .../settings/membership/stripe/StripeConnectModal.tsx           | 2 +-
 4 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/apps/admin-x-design-system/src/global/form/TextArea.tsx b/apps/admin-x-design-system/src/global/form/TextArea.tsx
index 6a3c1e3b66..5bda018ca5 100644
--- a/apps/admin-x-design-system/src/global/form/TextArea.tsx
+++ b/apps/admin-x-design-system/src/global/form/TextArea.tsx
@@ -18,7 +18,6 @@ export interface TextAreaProps extends HTMLProps<HTMLTextAreaElement> {
     error?: boolean;
     placeholder?: string;
     hint?: React.ReactNode;
-    clearBg?: boolean;
     fontStyle?: FontStyles;
     className?: string;
     onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
diff --git a/apps/admin-x-settings/src/components/settings/growth/embedSignup/EmbedSignupSidebar.tsx b/apps/admin-x-settings/src/components/settings/growth/embedSignup/EmbedSignupSidebar.tsx
index 508d284974..2c9945f889 100644
--- a/apps/admin-x-settings/src/components/settings/growth/embedSignup/EmbedSignupSidebar.tsx
+++ b/apps/admin-x-settings/src/components/settings/growth/embedSignup/EmbedSignupSidebar.tsx
@@ -129,7 +129,6 @@ const EmbedSignupSidebar: React.FC<SidebarProps> = ({selectedLayout,
                     />
                     <TextArea
                         className='text-grey-800'
-                        clearBg={false}
                         fontStyle='mono'
                         hint={`Paste this code onto any website where you'd like your signup to appear.`}
                         title='Embed code'
diff --git a/apps/admin-x-settings/src/components/settings/growth/recommendations/RecommendationDescriptionForm.tsx b/apps/admin-x-settings/src/components/settings/growth/recommendations/RecommendationDescriptionForm.tsx
index c565a8eebf..65bce38713 100644
--- a/apps/admin-x-settings/src/components/settings/growth/recommendations/RecommendationDescriptionForm.tsx
+++ b/apps/admin-x-settings/src/components/settings/growth/recommendations/RecommendationDescriptionForm.tsx
@@ -109,7 +109,6 @@ const RecommendationDescriptionForm: React.FC<Props<EditOrAddRecommendation | Re
             }}
         />
         <TextArea
-            clearBg={true}
             error={Boolean(errors.description)}
             // Note: we don't show the error text here, because errors are related to the character count
             hint={<>Max: <strong>200</strong> characters. You&#8217;ve used <strong className={descriptionLengthColor}>{descriptionLength}</strong></>}
diff --git a/apps/admin-x-settings/src/components/settings/membership/stripe/StripeConnectModal.tsx b/apps/admin-x-settings/src/components/settings/membership/stripe/StripeConnectModal.tsx
index a090fa441c..00b909402e 100644
--- a/apps/admin-x-settings/src/components/settings/membership/stripe/StripeConnectModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/membership/stripe/StripeConnectModal.tsx
@@ -136,7 +136,7 @@ const Connect: React.FC = () => {
             </div>
             <StripeButton href={stripeConnectUrl} tag='a' target='_blank' />
             <Heading className='mb-2 mt-8' level={6} grey>Step 2 — <span className='text-black dark:text-white'>Paste secure key</span></Heading>
-            <TextArea clearBg={false} error={Boolean(error)} hint={error || undefined} placeholder='Paste your secure key here' onChange={onTokenChange}></TextArea>
+            <TextArea error={Boolean(error)} hint={error || undefined} placeholder='Paste your secure key here' onChange={onTokenChange}></TextArea>
             {submitEnabled && <Button className='mt-5' color='green' label='Save Stripe settings' onClick={onSubmit} />}
         </div>
     );