#434

frontend/src/components/counts/CountsAxes.tsx

@@ -1,11 +1,10 @@
 import LocalisedText from '@/components/LocalisedText'
 import SortableList from '@/components/common/SortableList'
-import { countsAxisFields, countsAxisLabel, countsFilterFields,
+import { countsAxisFields, countsFilterFields, countsFieldLabel,
 	 useCountsDefinition }
     from '@/lib/countsDefinitions'
 import { useClientMotion } from '@/lib/useClientMotion'
 import { cn, inputClass } from '@/lib/utils'
-import { useLocale } from '@/lib/useLocale'
 import { useUITranslation } from '@/lib/useUITranslation'
 
 import { readCountState, encodeCountState } from '@/lib/queryState'
@@ -18,7 +17,6 @@ const CountsAxes = ({ params, update }: {
 ) => {
   const { label, message } = useUITranslation ('counts')
   const definition = useCountsDefinition ()
-  const locale = useLocale ()
   const motion = useClientMotion ()
   const available = countsAxisFields (definition, params.get ('definition') === 'history')
   const rows = readCountState<CountsAxis[]> (params, 'rows', [])
@@ -31,7 +29,7 @@ const CountsAxes = ({ params, update }: {
   const name = (id: string) => {
     const axis = axes.find (item => item.field === id)
     return axis == null ? message (available.find (field => field.key === id)?.label ?? 'axis')
-	: countsAxisLabel (axis, definition, locale)
+	: message (countsFieldLabel (axis.field))
   }
   const commit = (next: Record<string, string[]>) => {
     for (const group of ['rows', 'cols'] as const)