Vinu/migrated recent-transaction component to typescript

packages/cashier/src/components/recent-transaction/index.ts

@@ -0,0 +1,3 @@
+import RecentTransaction from './recent-transaction';
+
+export default RecentTransaction;

packages/cashier/src/components/recent-transaction/recent-transaction.jsx → packages/cashier/src/components/recent-transaction/recent-transaction.tsx

@@ -1,14 +1,33 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import classNames from 'classnames';
 import { ButtonLink, Text, Icon } from '@deriv/components';
 import { Localize } from '@deriv/translations';
 import { epochToMoment } from '@deriv/shared';
 import { connect } from 'Stores/connect';
+import { RootStore } from 'Types';
 import { getStatus } from 'Constants/transaction-status';
 import './recent-transaction.scss';
 
-const RecentTransaction = ({ crypto_transactions, currency, onMount, setIsCryptoTransactionsVisible }) => {
+type TRecentTransactionProps = {
+    crypto_transactions: {
+        address_hash: string;
+        status_code: string;
+        submit_date: Date;
+        transaction_hash: string;
+        transaction_type: string;
+        amount: number;
+    }[];
+    currency: string;
+    onMount: () => void;
+    setIsCryptoTransactionsVisible: (visible: boolean) => void;
+};
+
+const RecentTransaction = ({
+    crypto_transactions,
+    currency,
+    onMount,
+    setIsCryptoTransactionsVisible,
+}: TRecentTransactionProps) => {
     React.useEffect(() => {
         onMount();
     }, [onMount]);
@@ -113,14 +132,7 @@ const RecentTransaction = ({ crypto_transactions, currency, onMount, setIsCrypto
     );
 };
 
-RecentTransaction.propTypes = {
-    crypto_transactions: PropTypes.array,
-    currency: PropTypes.string,
-    onMount: PropTypes.func,
-    setIsCryptoTransactionsVisible: PropTypes.func,
-};
-
-export default connect(({ modules, client }) => ({
+export default connect(({ modules, client }: RootStore) => ({
     crypto_transactions: modules.cashier.transaction_history.crypto_transactions,
     currency: client.currency,
     onMount: modules.cashier.transaction_history.onMount,

packages/cashier/tsconfig.json

@@ -9,12 +9,12 @@
             "Images/*": ["public/images/*"],
             "Pages/*": ["pages/*"],
             "Stores/*": ["stores/*"],
-            "Types/*": ["types/*"],
+            "Types": ["types"],
             "Utils/*": ["utils/*"],
         },
         "outDir": "./dist",
         "rootDir": "./src",
-        "baseUrl": "src"
+        "baseUrl": "src",
     },
     "include": ["./src", "./src/**/*.ts", "./src/**/*.tsx", "globals.d.ts"]
 }