Merge pull request #26 from suisin-deriv/suisin/74081/ts_migration_of…

…_account_limits_table_header_and_tests Suisin/74081/ts migration of account limits table header and tests
suisin-deriv · Nov 2, 2022 · e86aa34 · e86aa34
2 parents 13515e8 + 6638a8a
commit e86aa34
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/...sts__/account-limits-table-header.spec.js → ...ts__/account-limits-table-header.spec.tsx b/...sts__/account-limits-table-header.spec.js → ...ts__/account-limits-table-header.spec.tsx
diff --git a/...nt-limits/account-limits-table-header.jsx → ...nt-limits/account-limits-table-header.tsx b/...nt-limits/account-limits-table-header.jsx → ...nt-limits/account-limits-table-header.tsx
@@ -1,9 +1,17 @@
-import PropTypes from 'prop-types';
 import * as React from 'react';
 import classNames from 'classnames';
 import { Text } from '@deriv/components';
 
-const AccountLimitsTableHeader = ({ align, children, renderExtraInfo }) => {
+type TAccountLimitsTableHeader = {
+    align: 'left' | 'right';
+    renderExtraInfo: () => React.ReactNode;
+};
+
+const AccountLimitsTableHeader = ({
+    align,
+    children,
+    renderExtraInfo,
+}: React.PropsWithChildren<Partial<TAccountLimitsTableHeader>>) => {
     return (
         <th
             className={classNames('da-account-limits__table-header', {
@@ -30,10 +38,4 @@ const AccountLimitsTableHeader = ({ align, children, renderExtraInfo }) => {
     );
 };
 
-AccountLimitsTableHeader.propTypes = {
-    align: PropTypes.oneOf(['right', 'left']),
-    children: PropTypes.any,
-    renderExtraInfo: PropTypes.func,
-};
-
 export default AccountLimitsTableHeader;
diff --git a/packages/account/src/Components/account-limits/account-limits.jsx b/packages/account/src/Components/account-limits/account-limits.jsx
@@ -12,7 +12,7 @@ import AccountLimitsExtraInfo from './account-limits-extra-info.jsx';
 import AccountLimitsFooter from './account-limits-footer.jsx';
 import AccountLimitsOverlay from './account-limits-overlay.jsx';
 import AccountLimitsTableCell from './account-limits-table-cell.jsx';
-import AccountLimitsTableHeader from './account-limits-table-header.jsx';
+import AccountLimitsTableHeader from './account-limits-table-header';
 import AccountLimitsTurnoverLimitRow from './account-limits-turnover-limit-row.jsx';
 
 const AccountLimits = ({