fix: show chart in react native

gatherloop · Oct 17, 2024 · 57351b2 · 57351b2
1 parent 1e15199
commit 57351b2
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 20 deletions.
diff --git a/apps/mobile/src/app/App.tsx b/apps/mobile/src/app/App.tsx
@@ -61,9 +61,9 @@ export const App = () => {
       linking={{
         prefixes: ['/'],
         config: {
-          initialRouteName: 'home',
+          initialRouteName: 'dashboard',
           screens: {
-            home: '',
+            dashboard: '',
             categoryList: 'categories',
             categoryCreate: 'categories/create',
             categoryUpdate: {

diff --git a/libs/ui/src/presentation/views/base/components/Chart/index.native.ts b/libs/ui/src/presentation/views/base/components/Chart/index.native.ts
@@ -0,0 +1 @@
+export * from 'victory-native';
diff --git a/libs/ui/src/presentation/views/base/components/Chart/index.ts b/libs/ui/src/presentation/views/base/components/Chart/index.ts
@@ -0,0 +1 @@
+export * from 'victory';
diff --git a/libs/ui/src/presentation/views/base/components/index.tsx b/libs/ui/src/presentation/views/base/components/index.tsx
@@ -8,3 +8,4 @@ export * from './Layout';
 export * from './Form';
 export * from './Pagination';
 export * from './Sheet';
+export * from './Chart';
diff --git a/...resentation/views/transactions/widgets/TransactionStatistic/TransactionStatistic.view.tsx b/...resentation/views/transactions/widgets/TransactionStatistic/TransactionStatistic.view.tsx
@@ -1,14 +1,14 @@
 import {
+  ErrorView,
+  LoadingView,
   VictoryChart,
   VictoryTheme,
   VictoryLine,
   VictoryTooltip,
   VictoryScatter,
   VictoryAxis,
   VictoryLegend,
-  VictoryZoomContainer,
-} from 'victory';
-import { ErrorView, LoadingView } from '../../../base';
+} from '../../../base';
 import { Button, H6, XStack, YStack } from 'tamagui';
 
 type GroupBy = 'date' | 'month';
@@ -58,7 +58,6 @@ export const TransactionStatisticView = ({
         width={600}
         height={300}
         padding={{ top: 50, bottom: 50, left: 80, right: 50 }}
-        containerComponent={<VictoryZoomContainer />}
       >
         <VictoryLine
           style={{
@@ -72,30 +71,18 @@ export const TransactionStatisticView = ({
             data: { stroke: '#24c48e' },
             parent: { border: '1px solid #ccc' },
           }}
-          // data={statistics.map((statistic) => ({
-          //   y: statistic.totalIncome,
-          //   x: statistic.date,
-          // }))}
           data={totalIncomeStatistics}
         />
         <VictoryScatter
           style={{ data: { fill: '#3189c4' } }}
-          size={3}
-          // data={statistics.map((statistic) => ({
-          //   y: statistic.total,
-          //   x: statistic.date,
-          // }))}
+          size={6}
           data={totalStatistics}
           labels={({ datum }) => `[Total] Date: ${datum.x} Total: ${datum.y}`}
           labelComponent={<VictoryTooltip constrainToVisibleArea />}
         />
         <VictoryScatter
           style={{ data: { fill: '#24c48e' } }}
-          size={3}
-          // data={statistics.map((statistic) => ({
-          //   y: statistic.totalIncome,
-          //   x: statistic.date,
-          // }))}
+          size={6}
           data={totalIncomeStatistics}
           labels={({ datum }) => `[Income] Date: ${datum.x} Total: ${datum.y}`}
           labelComponent={<VictoryTooltip constrainToVisibleArea />}