#434

frontend/src/components/counts/CountsControls.tsx

@@ -9,7 +9,7 @@ import FormField from '@/components/common/FormField'
 import HelpPopover from '@/components/common/HelpPopover'
 import TagInput from '@/components/common/TagInput'
 import { Button } from '@/components/ui/button'
-import { countsUseLatest, fieldsForCounts, normaliseCountsParams, readCountSort,
+import { countsRequestParams, countsUseLatest, fieldsForCounts, normaliseCountsParams, readCountSort,
 	 selectedCountChildren, selectedCountColumns } from '@/lib/counts'
 import { countsNestedIsScalar } from '@/lib/countsDisplay'
 import { useCountsDefinition } from '@/lib/countsDefinitions'
@@ -26,9 +26,11 @@ import type { CountsResource, CountsResult } from '@/lib/counts'
 
 const CountsControls = (
     { resource, applied, open, setOpen, execute, displayJSON, displayRowNumbers,
-      displayThumbnail, reorder, actions, conditionLabels, pending = false }: {
+      displayThumbnail, reorder, actions, conditionLabels, conditionLabelsParams,
+      pending = false }: {
         resource: CountsResource; applied: URLSearchParams; open: boolean
         conditionLabels?: CountsResult['conditionLabels']
+        conditionLabelsParams?: string
         pending?: boolean
         setOpen: (open: boolean) => void
         execute: (params: URLSearchParams) => void
@@ -42,6 +44,8 @@ const CountsControls = (
   const id = useId ()
   const motion = useClientMotion ()
   const [draft, setDraft] = useState (() => new URLSearchParams (applied))
+  const labelParams = conditionLabelsParams == null
+      ? null : new URLSearchParams (conditionLabelsParams)
   const thumbnail = selectedCountColumns (resource, applied, definition).includes ('thumbnail')
   const previousApplied = useRef ({ resource, params: new URLSearchParams (applied) })
   const appliedState = applied.toString ()
@@ -282,7 +286,12 @@ const CountsControls = (
             </div>}
           </FormField>}
 	  <CountsAdditionalConditions params={draft} update={update}
-              conditionLabels={conditionLabels}/>
+              conditionLabels={(labelParams != null
+                  && draft.get ('current') === labelParams.get ('current')
+                  && draft.get ('at') === labelParams.get ('at')
+                  && countsRequestParams (draft).toString ()
+                      === countsRequestParams (labelParams).toString ())
+                  ? conditionLabels : undefined}/>
         </fieldset>
       </div>
     </div>