Merge pull request binary-com#17 from suisin-deriv/suisin/74137/ts_mi…

…gration_idv_expired_and_test Sui Sin/ts migration for idv expired
ashraf-deriv · Nov 20, 2022 · af8bc9d · af8bc9d
2 parents 602bc87 + 781767b
commit af8bc9d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/...idv-expired/__tests__/idv-expired.spec.js → ...dv-expired/__tests__/idv-expired.spec.tsx b/...idv-expired/__tests__/idv-expired.spec.js → ...dv-expired/__tests__/idv-expired.spec.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { screen, render, fireEvent } from '@testing-library/react';
-import { Icon } from '@deriv/components';
 import { isDesktop, isMobile } from '@deriv/shared';
 import IdvExpired from '../idv-expired';
 
@@ -19,8 +18,8 @@ jest.mock('@deriv/shared', () => ({
 }));
 
 beforeEach(() => {
-    isDesktop.mockReturnValue(true);
-    isMobile.mockReturnValue(false);
+    (isDesktop as jest.Mock).mockReturnValue(true);
+    (isMobile as jest.Mock).mockReturnValue(false);
     jest.clearAllMocks();
 });
 
@@ -41,8 +40,8 @@ describe('<IdvExpired/>', () => {
     });
 
     it('should render IdvExpired component on mobile', () => {
-        isDesktop.mockReturnValue(false);
-        isMobile.mockReturnValue(true);
+        (isDesktop as jest.Mock).mockReturnValue(false);
+        (isMobile as jest.Mock).mockReturnValue(true);
         testComponentRender();
     });
 

diff --git a/...oi/idv-status/idv-expired/idv-expired.jsx → ...oi/idv-status/idv-expired/idv-expired.tsx b/...oi/idv-status/idv-expired/idv-expired.jsx → ...oi/idv-status/idv-expired/idv-expired.tsx
@@ -3,7 +3,11 @@ import { Button, Icon, Text } from '@deriv/components';
 import { isMobile } from '@deriv/shared';
 import { localize } from '@deriv/translations';
 
-const IdvExpired = ({ handleRequireSubmission }) => {
+type TIdvExpired = {
+    handleRequireSubmission: () => void;
+};
+
+const IdvExpired = ({ handleRequireSubmission }: TIdvExpired) => {
     return (
         <div className='proof-of-identity__container' data-testid='idv_expired_container'>
             <Icon icon='IcPoiFailed' className='icon' size={128} />

diff --git a/packages/account/src/Components/poi/idv-status/idv-expired/index.js b/packages/account/src/Components/poi/idv-status/idv-expired/index.js
@@ -1,3 +1,3 @@
-import IdvExpired from './idv-expired.jsx';
+import IdvExpired from './idv-expired';
 
 export default IdvExpired;