#434

frontend/src/components/counts/CountsAdditionalConditions.tsx

@@ -15,6 +15,7 @@ import { useUITranslation } from '@/lib/useUITranslation'
 
 import { readCountState, encodeCountState } from '@/lib/queryState'
 
+import type { CountsResult } from '@/lib/counts'
 import type { DialogueFormControls } from '@/lib/dialogues/useDialogue'
 import type { CountsCondition, CountsDefinition } from '@/lib/countsDefinitions'
 
@@ -93,7 +94,8 @@ const ConditionEditor = (
 }
 
 
-const CountsAdditionalConditions = ({ params, update }: {
+const CountsAdditionalConditions = ({ params, update, conditionLabels }: {
+    conditionLabels?: CountsResult['conditionLabels']
     params: URLSearchParams
     update: (key: string, value: string) => void },
 ) => {
@@ -162,7 +164,7 @@ const CountsAdditionalConditions = ({ params, update }: {
           <span>{countsAxisLabel (condition, definition, locale).text}</span>
           <span>{label ('operatorSymbols.eq')}</span>
           <span>{countsConditionValue (condition.value, condition, locale,
-              params.get ('timezone') ?? 'UTC')}</span>
+              params.get ('timezone') ?? 'UTC', conditionLabels)}</span>
           <Button type="button" variant="ghost" size="sm"
               aria-label={message ('remove').text}
               onClick={() => write (conditions.filter ((_, position) => position !== index))}>