From 7b0ec35a1f4be3a4456a7d6c6be28cd796f47361 Mon Sep 17 00:00:00 2001
From: Princi Vershwal <vershwal.princi@gmail.com>
Date: Thu, 14 Dec 2023 11:02:50 +0530
Subject: [PATCH] =?UTF-8?q?Fixed=20validation=20error:=20Corrected=20field?=
 =?UTF-8?q?s=20should=20revert=20back=20from=20erro=E2=80=A6=20(#19374)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes
[PROD-272](https://linear.app/tryghost/issue/PROD-272/corrected-fields-should-revert-back-from-error-state)
---
 .../components/settings/growth/offers/EditOfferModal.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx b/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
index dbaa4aad34..e25689f306 100644
--- a/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
+++ b/apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx
@@ -138,10 +138,13 @@ const Sidebar: React.FC<{
                                     onKeyDown={() => clearError('name')}
                                 />
                                 <TextField
+                                    error={Boolean(errors.displayTitle)}
+                                    hint={errors.displayTitle}
                                     placeholder='Black Friday Special'
                                     title='Display title'
                                     value={offer?.display_title}
                                     onChange={e => updateOffer({display_title: e.target.value})}
+                                    onKeyDown={() => clearError('displayTitle')}
                                 />
                                 <TextArea
                                     placeholder='Take advantage of this limited-time offer.'
@@ -156,7 +159,7 @@ const Sidebar: React.FC<{
                                     title='Offer code'
                                     value={offer?.code}
                                     onChange={e => updateOffer({code: e.target.value})}
-                                    onKeyDown={() => clearError('name')}
+                                    onKeyDown={() => clearError('code')}
                                 />
                             </div>
                         </section>
@@ -201,6 +204,10 @@ const EditOfferModal: React.FC<{id: string}> = ({id}) => {
                 newErrors.name = 'Please enter a name';
             }
 
+            if (!formState?.display_title) {
+                newErrors.displayTitle = 'Display title is required';
+            }
+
             if (!formState?.code) {
                 newErrors.code = 'Please enter a code';
             }