Merge pull request #194 from ahmed-deriv/ahmed/DAPI-853/feat--add-business-partner-terms

ahmed/DAPI-853/feat--add-business-partner-terms

Author: ahmed-deriv

i18n/en/code.json

@@ -1119,6 +1119,9 @@
   "The server is currently unable to handle the request due to a temporary overload or maintenance of the server. Please try again later.": {
     "message": "The server is currently unable to handle the request due to a temporary overload or maintenance of the server. Please try again later."
   },
+  "and General Business Partners": {
+    "message": "and General Business Partners"
+  },
   "Copied": {
     "message": "Copied"
   }

i18n/fr/code.json

@@ -403,10 +403,10 @@
     "message": "Vous avez créé le nombre maximum de jetons."
   },
   "By registering your application, you acknowledge that you‘ve read and accepted the Deriv API": {
-    "message": "En enregistrant votre demande, vous reconnaissez avoir lu et accepté"
+    "message": "En enregistrant votre demande, vous reconnaissez avoir lu et accepté l'API Deriv"
   },
   "terms and conditions": {
-    "message": "les conditions générales de l'API de Deriv"
+    "message": "termes et conditions"
   },
   "Enter your app's name": {
     "message": "Entrez le nom de votre application"
@@ -1119,6 +1119,9 @@
   "The server is currently unable to handle the request due to a temporary overload or maintenance of the server. Please try again later.": {
     "message": "Le serveur est actuellement incapable de traiter la requête en raison d'une surcharge temporaire ou d'une maintenance du serveur. Veuillez réessayer plus tard."
   },
+  "and General Business Partners": {
+    "message": "et partenaires commerciaux généraux"
+  },
   "Copied": {
     "message": "Copié"
   }

src/features/dashboard/components/app-register/app-register.tsx

@@ -26,7 +26,9 @@ const TermsAndConditions: React.FC<TTermsAndConditionsProps> = ({ register }) =>
       <CustomCheckbox id='tnc_approval' name='tnc_approval' register={register}>
         <label htmlFor='tnc_approval' className='app-register-container__tnc__label'>
           <Text>
-            {translate({ message: `By registering your application, you acknowledge that you‘ve read and accepted the Deriv API` })} {' '}
+            {translate({
+              message: `By registering your application, you acknowledge that you‘ve read and accepted the Deriv API`,
+            })}{' '}
             <Link
               href='https://deriv.com/tnc/business-partners-api-user.pdf'
               target='_blank'
@@ -35,6 +37,16 @@ const TermsAndConditions: React.FC<TTermsAndConditionsProps> = ({ register }) =>
             >
               <Translate>terms and conditions</Translate>
             </Link>
+            {' '}
+            {translate({ message: 'and General Business Partners' })}{' '}
+            <Link
+              href='https://docs.deriv.com/tnc/business-partners-general-terms.pdf'
+              target='_blank'
+              rel='noreferrer'
+              className='app-register-container__tnc__link'
+            >
+              <Translate>terms and conditions</Translate>
+            </Link>
           </Text>
         </label>
       </CustomCheckbox>
@@ -73,12 +85,8 @@ const AppRegister: React.FC = () => {
   const has_error = Object.entries(errors).length !== 0;
   const { deviceType } = useDeviceType();
   const is_desktop = deviceType === 'desktop';
-  const {
-    setAppRegisterModalOpen,
-    updateCurrentTab,
-    getApps,
-    handleCurrentUpdatingItem,
-  } = useAppManager();
+  const { setAppRegisterModalOpen, updateCurrentTab, getApps, handleCurrentUpdatingItem } =
+    useAppManager();
   const { send: registerApp, data, error, clear, is_loading } = useWS('app_register');
   const [created_app_data, setCreatedAppData] = useState({});
 
@@ -118,7 +126,7 @@ const AppRegister: React.FC = () => {
     if (error) {
       clear();
     }
-  }
+  };
 
   return (
     <>
@@ -149,10 +157,7 @@ const AppRegister: React.FC = () => {
           <TermsAndConditions register={register('tnc_approval')} />
         </div>
       </form>
-      <AppRegisterSuccessModal
-        onCancel={handleConfigureLater}
-        onConfigure={handleAppConfigure}
-      />
+      <AppRegisterSuccessModal onCancel={handleConfigureLater} onConfigure={handleAppConfigure} />
     </>
   );
 };