diff --git a/app/[locale]/[state]/analytics/components/chart-view.tsx b/app/[locale]/[state]/analytics/components/chart-view.tsx index 07ec6fa..e2546bb 100644 --- a/app/[locale]/[state]/analytics/components/chart-view.tsx +++ b/app/[locale]/[state]/analytics/components/chart-view.tsx @@ -5,9 +5,9 @@ import { useQuery } from '@tanstack/react-query'; import ReactECharts from 'echarts-for-react'; import { parseAsString, useQueryState } from 'next-usequerystate'; import { MultiMonthPicker, Spinner, Text } from 'opub-ui'; - import { ANALYTICS_INDICATORS_BY_CATEGORY } from '@/config/graphql/analaytics-queries'; import { GraphQL } from '@/lib/api'; +import { toTitleCase } from '@/lib/utils'; import { MediaRendering } from '@/components/media-rendering'; import FilterDropdownOptions, { Option } from './filter-dropdown-options'; @@ -185,9 +185,10 @@ export const ChartView = ({ indicatorsQuery?.data?.indicatorsByCategory[0] || {}, indicator ) || indicator - } - `} + } `} + {(revenueCode || districtCode) && '- '} {revenueCode && - `${RevCircleDropdownOptions.find((option) => option.value === revenueCode)?.label}, `} + `${RevCircleDropdownOptions.find((option) => option.value === revenueCode)?.label} ${toTitleCase(currentSelectedState?.child_type)}, `} {districtCode && `${DistrictDropDownOption.find((option) => option.value === districtCode)?.label} District`}