Merge pull request #13 from likhith-deriv/likhith/74123/migrate-LoadE…

…rrorMessage-to-TS Likhith/74123/migrate load error message to ts
jim-deriv · Nov 2, 2022 · 538cd31 · 538cd31
2 parents d2a8122 + b3d1317
commit 538cd31
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/...sage/__tests__/load-error-message.spec.js → ...age/__tests__/load-error-message.spec.tsx b/...sage/__tests__/load-error-message.spec.js → ...age/__tests__/load-error-message.spec.tsx
@@ -2,11 +2,11 @@ import React from 'react';
 import { render, screen } from '@testing-library/react';
 import LoadErrorMessage from '../load-error-message';
 
-jest.mock('Components/icon-message-content', () => () => <div>IconMessageContent</div>);
+jest.mock('Components/icon-message-content', () => jest.fn(() => <div>IconMessageContent</div>));
 
 describe('LoadErrorMessage', () => {
     it('should render LoadErrorMessage component with content', () => {
-        render(<LoadErrorMessage message='message' />);
+        render(<LoadErrorMessage error_message='message' />);
         expect(screen.getByText('IconMessageContent')).toBeInTheDocument();
     });
 });
diff --git a/packages/account/src/Components/load-error-message/index.js b/packages/account/src/Components/load-error-message/index.js
diff --git a/packages/account/src/Components/load-error-message/index.ts b/packages/account/src/Components/load-error-message/index.ts
@@ -0,0 +1,3 @@
+import LoadErrorMessage from './load-error-message';
+
+export default LoadErrorMessage;
diff --git a/...load-error-message/load-error-message.jsx → ...load-error-message/load-error-message.tsx b/...load-error-message/load-error-message.jsx → ...load-error-message/load-error-message.tsx
@@ -2,8 +2,11 @@ import React from 'react';
 import { Icon } from '@deriv/components';
 import IconMessageContent from 'Components/icon-message-content';
 
-// TODO: Needs UI
-const LoadErrorMessage = ({ error_message }) => (
+type TLoadErrorMessage = {
+    error_message: React.ReactNode;
+};
+
+const LoadErrorMessage = ({ error_message }: TLoadErrorMessage) => (
     <IconMessageContent message={error_message} icon={<Icon icon='IcPoaLock' size={128} />} />
 );