Chart fixes

src/config/charts.ts

@@ -1,3 +1,6 @@
-const COUNT_OF_DATES_FOR_CHART = 180;
+enum CountOfDatesForChart {
+  SIX_MONTHS = 180,
+  ONE_MONTH = 30
+}
 
-export { COUNT_OF_DATES_FOR_CHART };
+export { CountOfDatesForChart };

src/pages/Dashboard/IssuedChart/index.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { useQuery } from 'react-query';
 
 import { getLastMidnightTimestamps } from '@/common/utils/utils';
-import { COUNT_OF_DATES_FOR_CHART } from '@/config/charts';
+import { CountOfDatesForChart } from '@/config/charts';
 import { WRAPPED_TOKEN, WRAPPED_TOKEN_SYMBOL } from '@/config/relay-chains';
 import ErrorFallback from '@/legacy-components/ErrorFallback';
 import cumulativeVolumesFetcher, {
@@ -17,7 +17,7 @@ import { KUSAMA, POLKADOT } from '@/utils/constants/relay-chain-names';
 
 import LineChart from '../LineChart';
 
-const cutoffTimestamps = getLastMidnightTimestamps(COUNT_OF_DATES_FOR_CHART, true);
+const cutoffTimestamps = getLastMidnightTimestamps(CountOfDatesForChart.SIX_MONTHS, true);
 
 const IssuedChart = (): JSX.Element => {
   const { t } = useTranslation();

src/pages/Dashboard/cards/ActiveVaultsCard/index.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import { useQuery } from 'react-query';
 
 import { formatNumber, getLastMidnightTimestamps } from '@/common/utils/utils';
-import { COUNT_OF_DATES_FOR_CHART } from '@/config/charts';
+import { CountOfDatesForChart } from '@/config/charts';
 import ErrorFallback from '@/legacy-components/ErrorFallback';
 import graphqlFetcher, { GRAPHQL_FETCHER, GraphqlReturn } from '@/services/fetchers/graphql-fetcher';
 import { INTERLAY_DENIM, KINTSUGI_SUNDOWN } from '@/utils/constants/colors';
@@ -23,7 +23,7 @@ interface VaultRegistration {
   registrationTimestamp: number;
 }
 
-const cutoffTimestamps = getLastMidnightTimestamps(COUNT_OF_DATES_FOR_CHART, true);
+const cutoffTimestamps = getLastMidnightTimestamps(CountOfDatesForChart.SIX_MONTHS, true);
 
 const ActiveVaultsCard = ({ hasLinks }: Props): JSX.Element => {
   const { t } = useTranslation();

src/pages/Dashboard/sub-pages/Home/LockedCollateralsCard/index.tsx

@@ -3,7 +3,7 @@ import { useErrorHandler, withErrorBoundary } from 'react-error-boundary';
 import { useTranslation } from 'react-i18next';
 
 import { convertMonetaryAmountToValueInUSD, formatUSD, getLastMidnightTimestamps } from '@/common/utils/utils';
-import { COUNT_OF_DATES_FOR_CHART } from '@/config/charts';
+import { CountOfDatesForChart } from '@/config/charts';
 import { useGetPrices } from '@/hooks/api/use-get-prices';
 import useAllCumulativeVaultCollateralVolumes from '@/hooks/use-all-cumulative-vault-collateral-volumes';
 import ErrorFallback from '@/legacy-components/ErrorFallback';
@@ -16,7 +16,7 @@ import DashboardCard from '../../../cards/DashboardCard';
 import LineChart from '../../../LineChart';
 import Stats, { StatsDd, StatsDt, StatsRouterLink } from '../../../Stats';
 
-const cutoffTimestamps = getLastMidnightTimestamps(COUNT_OF_DATES_FOR_CHART, true);
+const cutoffTimestamps = getLastMidnightTimestamps(CountOfDatesForChart.ONE_MONTH, true);
 
 const LockedCollateralsCard = (): JSX.Element => {
   const { t } = useTranslation();
@@ -31,7 +31,7 @@ const LockedCollateralsCard = (): JSX.Element => {
   const cumulativeUSDVolumes = React.useMemo(() => {
     if (allCumulativeVaultCollateralVolumes === undefined) return;
 
-    return Array<number>(COUNT_OF_DATES_FOR_CHART)
+    return Array<number>(CountOfDatesForChart.ONE_MONTH)
       .fill(0)
       .map((_, index) => {
         const collateralTickers = Object.keys(allCumulativeVaultCollateralVolumes);

src/pages/Dashboard/sub-pages/RedeemRequests/UpperContent/RedeemedChart/index.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { useQuery } from 'react-query';
 
 import { getLastMidnightTimestamps } from '@/common/utils/utils';
-import { COUNT_OF_DATES_FOR_CHART } from '@/config/charts';
+import { CountOfDatesForChart } from '@/config/charts';
 import { WRAPPED_TOKEN } from '@/config/relay-chains';
 import ErrorFallback from '@/legacy-components/ErrorFallback';
 import cumulativeVolumesFetcher, {
@@ -17,7 +17,7 @@ import { KUSAMA, POLKADOT } from '@/utils/constants/relay-chain-names';
 
 import LineChart from '../../../../LineChart';
 
-const cutoffTimestamps = getLastMidnightTimestamps(COUNT_OF_DATES_FOR_CHART, true);
+const cutoffTimestamps = getLastMidnightTimestamps(CountOfDatesForChart.SIX_MONTHS, true);
 
 const RedeemedChart = (): JSX.Element => {
   const { t } = useTranslation();

src/pages/Dashboard/sub-pages/Vaults/LockedCollateralCard/index.tsx

@@ -7,7 +7,7 @@ import {
   displayMonetaryAmountInUSDFormat,
   getLastMidnightTimestamps
 } from '@/common/utils/utils';
-import { COUNT_OF_DATES_FOR_CHART } from '@/config/charts';
+import { CountOfDatesForChart } from '@/config/charts';
 import useCumulativeCollateralVolumes from '@/hooks/use-cumulative-collateral-volumes';
 import ErrorFallback from '@/legacy-components/ErrorFallback';
 import DashboardCard from '@/pages/Dashboard/cards/DashboardCard';
@@ -16,7 +16,7 @@ import Stats, { StatsDd, StatsDt } from '@/pages/Dashboard/Stats';
 import { INTERLAY_DENIM, KINTSUGI_SUPERNOVA } from '@/utils/constants/colors';
 import { KUSAMA, POLKADOT } from '@/utils/constants/relay-chain-names';
 
-const cutoffTimestamps = getLastMidnightTimestamps(COUNT_OF_DATES_FOR_CHART, true);
+const cutoffTimestamps = getLastMidnightTimestamps(CountOfDatesForChart.SIX_MONTHS, true);
 
 interface Props {
   collateralToken: CollateralCurrencyExt;