Create more types for UI

src/components/charts/CumProfitChart.vue

@@ -16,7 +16,7 @@ import 'echarts/lib/component/dataZoom';
 import 'echarts/lib/component/visualMap';
 import 'echarts/lib/component/visualMapPiecewise';
 
-import { ClosedTrade } from '@/types';
+import { ClosedTrade, CumProfitData } from '@/types';
 
 // Define Column labels here to avoid typos
 const CHART_PROFIT = 'Profit';
@@ -31,7 +31,7 @@ export default class CumProfitChart extends Vue {
   @Prop({ required: true }) trades!: ClosedTrade[];
 
   get cumulativeData() {
-    const res: Record<string, any>[] = [];
+    const res: CumProfitData[] = [];
     const closedTrades = this.trades; // .filter((t) => t.close_timestamp);
 
     closedTrades.sort((a, b) => (a.close_timestamp > b.close_timestamp ? 1 : -1));

src/types/chart.d.ts

@@ -0,0 +1,5 @@
+export interface CumProfitData {
+  date: number;
+  profit: number;
+  raising: boolean;
+}

src/types/index.ts

@@ -1,3 +1,4 @@
-export * from './auth.types';
+export * from './auth.d';
+export * from './chart.d';
 
-export * from './types';
+export * from './types.d';