chore: migrate calendar-icon to tsx (#11)

* chore: migrate calendar-icon to tsx * fix: updated extensions
aizad-deriv · Jan 5, 2023 · 26a5a7a · 26a5a7a
1 parent a9a4d6f
commit 26a5a7a
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 13 deletions.
diff --git a/packages/reports/src/Components/Form/CompositeCalendar/calendar-icon.jsx b/packages/reports/src/Components/Form/CompositeCalendar/calendar-icon.jsx
diff --git a/packages/reports/src/Components/Form/CompositeCalendar/calendar-icon.tsx b/packages/reports/src/Components/Form/CompositeCalendar/calendar-icon.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { Icon } from '@deriv/components';
+
+type TCalendarIcon = {
+    onClick: () => void;
+};
+
+const CalendarIcon = ({ onClick }: TCalendarIcon) => (
+    <Icon onClick={onClick} icon='IcCalendarDatefrom' className='inline-icon' />
+);
+
+export default CalendarIcon;
diff --git a/packages/reports/src/Components/Form/CompositeCalendar/composite-calendar.jsx b/packages/reports/src/Components/Form/CompositeCalendar/composite-calendar.jsx
@@ -7,7 +7,7 @@ import { daysFromTodayTo, epochToMoment, toMoment } from '@deriv/shared';
 import { connect } from 'Stores/connect';
 import CompositeCalendarMobile from './composite-calendar-mobile.jsx';
 import SideList from './side-list.jsx';
-import CalendarIcon from './calendar-icon.jsx';
+import CalendarIcon from './calendar-icon';
 
 const TwoMonthPicker = Loadable({
     loader: () => import(/* webpackChunkName: "two-month-picker" */ './two-month-picker.jsx'),

diff --git a/packages/reports/src/Components/Form/CompositeCalendar/index.js b/packages/reports/src/Components/Form/CompositeCalendar/index.js
@@ -1 +1,3 @@
-export default from './composite-calendar.jsx';
+import CalendarIcon from './calendar-icon';
+
+export default CalendarIcon;