Merge pull request #37 from yauheni-kryzhyk-deriv/yauheni/76885/forms…

…ubmiterror_ts_migration yauheni/76885/formsubmiterror ts migration
likhith-deriv · Nov 4, 2022 · 78af951 · 78af951
2 parents 7a9a408 + c4832b6
commit 78af951
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/..._test__/form-submit-error-message.spec.js → ...test__/form-submit-error-message.spec.tsx b/..._test__/form-submit-error-message.spec.js → ...test__/form-submit-error-message.spec.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import FormSubmitErrorMessage from '../form-submit-error-message.jsx';
+import FormSubmitErrorMessage from '../form-submit-error-message';
 
 describe('<FormSubmitErrorMessage/>', () => {
     it('should render the message passed along with the icon', () => {

diff --git a/...ror-message/form-submit-error-message.jsx → ...ror-message/form-submit-error-message.tsx b/...ror-message/form-submit-error-message.jsx → ...ror-message/form-submit-error-message.tsx
@@ -1,10 +1,14 @@
 import React from 'react';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import Icon from '../icon/icon';
 import Text from '../text';
 
-const FormSubmitErrorMessage = ({ className, message }) => (
+type TFormSubmitErrorMessage = {
+    className?: string;
+    message: string;
+};
+
+const FormSubmitErrorMessage = ({ className, message }: TFormSubmitErrorMessage) => (
     <div className={classNames('dc-form-submit-error-message', className)}>
         <Icon icon='IcAlertDanger' data_testid='form_submit_error' />
         <Text as='p' size='xxs' weight='bold' color='prominent'>
@@ -13,9 +17,4 @@ const FormSubmitErrorMessage = ({ className, message }) => (
     </div>
 );
 
-FormSubmitErrorMessage.propTypes = {
-    className: PropTypes.string,
-    message: PropTypes.string,
-};
-
 export default FormSubmitErrorMessage;
diff --git a/...onents/form-submit-error-message/index.js → ...onents/form-submit-error-message/index.ts b/...onents/form-submit-error-message/index.js → ...onents/form-submit-error-message/index.ts
@@ -1,4 +1,4 @@
-import FormSubmitErrorMessage from './form-submit-error-message.jsx';
+import FormSubmitErrorMessage from './form-submit-error-message';
 import './form-submit-error-message.scss';
 
 export default FormSubmitErrorMessage;