feat: export years to reuse

src/constants.ts

@@ -15,3 +15,20 @@ export const BAD_NETWORK_TEXT = 'Network Latency is high.'
 export const KEYSTORE_FILES = 'KeystoreFiles'
 export const RECOVERY_PHRASE = 'Recovery Phrase'
 export const BOTH_KEY_AND_RECOVERY = 'Both KeystoreFiles & Recovery Phrase'
+
+/* Dashboard */
+
+export const years = [
+  'JAN',
+  'FEB',
+  'MAR',
+  'APR',
+  'MAY',
+  'JUN',
+  'JUL',
+  'AUG',
+  'SEPT',
+  'OCT',
+  'NOV',
+  'DEC',
+]

src/pages/Dashboard/BalanceLineChart/BalanceChardCard.tsx

@@ -7,9 +7,9 @@ import { DateRange } from 'react-day-picker'
 import DashboardCardWrapper from '../DashboardCardWrapper'
 import LineChart from './LineChart'
 import Icon from '../../../components/General/Icon'
+import { years } from '../../../constants'
 import './calendar.css'
 
-const years = ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEPT', 'OCT', 'NOV', 'DEC']
 const userGains = [
   10000, 15000, 17500, 20000, 19000, 23222, 25000, 20000, 20000, 21000, 22300, 21000,
 ]

src/pages/Dashboard/BalanceLineChart/LineChart.stories.tsx

@@ -1,29 +1,31 @@
 import type { Meta, StoryObj } from '@storybook/react'
 import LineChart from './LineChart'
 import { Stack } from 'tamagui'
+import { years } from '../../../constants'
 
-const years = ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEPT', 'OCT', 'NOV', 'DEC']
-const userGains = [10000, 15000, 17500, 20000, 19000, 23222, 25000, 20000, 20000, 21000, 22300, 21000]
+const userGains = [
+  10000, 15000, 17500, 20000, 19000, 23222, 25000, 20000, 20000, 21000, 22300, 21000,
+]
 
 const meta = {
-    title: 'Dashboard/LineChart',
-    component: LineChart,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    decorators: [StoryObj =>
-    (
-        <Stack width={'536px'}>
-            <StoryObj />,
-        </Stack>
-    )
-    ]
+  title: 'Dashboard/LineChart',
+  component: LineChart,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+  decorators: [
+    StoryObj => (
+      <Stack width={'536px'}>
+        <StoryObj />,
+      </Stack>
+    ),
+  ],
 } satisfies Meta<typeof LineChart>
 
 export default meta
 type Story = StoryObj<typeof meta>
 
 export const Page: Story = {
-    args: { userGains, years },
+  args: { userGains, years },
 }