chore: migrating reports meta to tsx (#23)

akmal-deriv · Jan 10, 2023 · 904144f · 904144f
1 parent 541af22
commit 904144f
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 21 deletions.
diff --git a/packages/reports/src/Components/reports-meta.jsx b/packages/reports/src/Components/reports-meta.jsx
diff --git a/packages/reports/src/Components/reports-meta.tsx b/packages/reports/src/Components/reports-meta.tsx
@@ -0,0 +1,28 @@
+import classNames from 'classnames';
+import React from 'react';
+
+type TReportsMeta = {
+    filter_component: React.ReactNode;
+    optional_component?: React.ReactNode;
+    className?: string;
+    is_statement?: boolean;
+};
+
+const ReportsMeta = ({ filter_component, className, optional_component, is_statement }: TReportsMeta) => {
+    return (
+        <div className={classNames('reports__meta', className)}>
+            {optional_component}
+            {filter_component && (
+                <div
+                    className={classNames('reports__meta-filter', {
+                        'reports__meta-filter--statement': is_statement,
+                    })}
+                >
+                    {filter_component}
+                </div>
+            )}
+        </div>
+    );
+};
+
+export { ReportsMeta };
diff --git a/packages/reports/src/Containers/profit-table.jsx b/packages/reports/src/Containers/profit-table.jsx
@@ -13,7 +13,7 @@ import { getSupportedContracts } from '_common/contract';
 import { connect } from 'Stores/connect';
 import EmptyTradeHistoryMessage from '../Components/empty-trade-history-message.jsx';
 import PlaceholderComponent from '../Components/placeholder-component.jsx';
-import { ReportsMeta } from '../Components/reports-meta.jsx';
+import { ReportsMeta } from '../Components/reports-meta';
 import { getProfitTableColumnsTemplate } from 'Constants/data-table-constants';
 
 const getRowAction = row_obj =>

diff --git a/packages/reports/src/Containers/statement.jsx b/packages/reports/src/Containers/statement.jsx
@@ -12,7 +12,7 @@ import { getStatementTableColumnsTemplate } from '../Constants/data-table-consta
 import PlaceholderComponent from '../Components/placeholder-component.jsx';
 import AccountStatistics from '../Components/account-statistics.jsx';
 import FilterComponent from '../Components/filter-component.jsx';
-import { ReportsMeta } from '../Components/reports-meta.jsx';
+import { ReportsMeta } from '../Components/reports-meta';
 import EmptyTradeHistoryMessage from '../Components/empty-trade-history-message.jsx';
 
 const DetailsComponent = ({ message = '', action_type = '' }) => {