From b5b7b4f009f351f87080f0b096198bfa93458706 Mon Sep 17 00:00:00 2001
From: moiz-deriv <moiz@regentmarkets.com>
Date: Wed, 14 May 2025 10:18:59 +0800
Subject: [PATCH] fix: Added cancel button to navigate to dashboard on app reg
 page

---
 .../components/app-register/app-register.scss     |  6 ++++++
 .../components/app-register/app-register.tsx      | 15 +++++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/features/dashboard/components/app-register/app-register.scss b/src/features/dashboard/components/app-register/app-register.scss
index 66019225..8e4ec171 100644
--- a/src/features/dashboard/components/app-register/app-register.scss
+++ b/src/features/dashboard/components/app-register/app-register.scss
@@ -86,3 +86,9 @@
 .error {
   color: var(--colors-coral500) !important;
 }
+
+.app-register-container__cancel-button {
+  display: flex;
+  justify-content: center;
+  margin-top: 3.5rem;
+}
diff --git a/src/features/dashboard/components/app-register/app-register.tsx b/src/features/dashboard/components/app-register/app-register.tsx
index 8f695bda..0935facd 100644
--- a/src/features/dashboard/components/app-register/app-register.tsx
+++ b/src/features/dashboard/components/app-register/app-register.tsx
@@ -36,8 +36,7 @@ const TermsAndConditions: React.FC<TTermsAndConditionsProps> = ({ register }) =>
               className='app-register-container__tnc__link'
             >
               <Translate>terms and conditions</Translate>
-            </Link>
-            {' '}
+            </Link>{' '}
             {translate({ message: 'and General Business Partners' })}{' '}
             <Link
               href='https://docs.deriv.com/tnc/business-partners-general-terms.pdf'
@@ -155,6 +154,18 @@ const AppRegister: React.FC = () => {
           <span className='error'>{errors?.tnc_approval?.message || error?.error?.message}</span>
           <Restrictions error={errors?.name?.message} />
           <TermsAndConditions register={register('tnc_approval')} />
+          <div className='app-register-container__cancel-button'>
+            <Button
+              variant='secondary'
+              size={is_desktop ? 'lg' : 'md'}
+              color='black'
+              onClick={() => {
+                window.location.href = '/dashboard';
+              }}
+            >
+              <Translate>Cancel</Translate>
+            </Button>
+          </div>
         </div>
       </form>
       <AppRegisterSuccessModal onCancel={handleConfigureLater} onConfigure={handleAppConfigure} />