Merge pull request #17 from yauheni-kryzhyk-deriv/yauheni/74116/forms…

…ubheader_ts_mifration Yauheni/74116/formsubheader ts mifration
likhith-deriv · Nov 1, 2022 · 35b232e · 35b232e
2 parents 897dc7b + b808b10
commit 35b232e
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 10 deletions.
diff --git a/...-header/__tests__/form-sub-header.spec.js → ...header/__tests__/form-sub-header.spec.tsx b/...-header/__tests__/form-sub-header.spec.js → ...header/__tests__/form-sub-header.spec.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { FormSubHeader } from '../form-sub-header';
+import { FormSubHeader, TFormSubHeader } from '../form-sub-header';
 
 describe('Testing FormSubHeader component', () => {
     it('should render properties', () => {
-        const props = {
+        const props: TFormSubHeader = {
             title: 'test-title',
             subtitle: 'test-subtitle',
             description: 'lorem ipsum',

diff --git a/...nents/form-sub-header/form-sub-header.jsx → ...nents/form-sub-header/form-sub-header.tsx b/...nents/form-sub-header/form-sub-header.jsx → ...nents/form-sub-header/form-sub-header.tsx
@@ -2,7 +2,13 @@ import classNames from 'classnames';
 import React from 'react';
 import { Text } from '@deriv/components';
 
-export const FormSubHeader = ({ title, subtitle, description }) => {
+export type TFormSubHeader = {
+    description?: string;
+    subtitle?: string;
+    title: string;
+};
+
+export const FormSubHeader = ({ description, subtitle, title }: TFormSubHeader) => {
     const title_as_class = title.replace(/\s+/g, '-').toLowerCase();
     return (
         <React.Fragment>

diff --git a/packages/account/src/Components/form-sub-header/index.js b/packages/account/src/Components/form-sub-header/index.js
diff --git a/packages/account/src/Components/form-sub-header/index.ts b/packages/account/src/Components/form-sub-header/index.ts
@@ -0,0 +1,3 @@
+import { FormSubHeader } from './form-sub-header';
+
+export default FormSubHeader;
diff --git a/packages/account/src/Sections/Profile/PersonalDetails/personal-details.jsx b/packages/account/src/Sections/Profile/PersonalDetails/personal-details.jsx
@@ -1084,10 +1084,7 @@ export const PersonalDetailsForm = ({
                                     <>
                                         <div className='account-form__divider' />
                                         <div className='pro-client'>
-                                            <FormSubHeader
-                                                className='account-form__red-header'
-                                                title={localize('Professional Client')}
-                                            />
+                                            <FormSubHeader title={localize('Professional Client')} />
                                             <FormBodySection>
                                                 <fieldset className='account-form__fieldset'>
                                                     <div>