#434

frontend/src/pages/CountsResourcePage.tsx

@@ -27,6 +27,8 @@ const CountsResourcePage = ({ resource }: { resource: CountsResource }) => {
   const [source, setParams] = useSearchParams ()
   const params = normaliseCountsParams (resource, source)
   const canonical = params.toString ()
+  const controlParams = new URLSearchParams (params)
+  controlParams.delete ('nested_json')
   const request = countsRequestParams (params)
   const [open, setOpen] = useState (false)
   const [sidebarOpen, setSidebarOpen] = useState (false)
@@ -103,8 +105,11 @@ const CountsResourcePage = ({ resource }: { resource: CountsResource }) => {
 	  <MainArea className="flex min-h-0 min-w-0 flex-col p-2">
 	    <PageTitle className="mb-1 text-base">{label (`titles.${resource}`)}</PageTitle>
 	    <div className="relative shrink-0 pr-16">
-	      <CountsControls key={`${resource}:${canonical}`} resource={resource} applied={params}
-		  open={open} setOpen={setOpen} execute={next => {
+	      <CountsControls key={`${resource}:${controlParams}`}
+		  resource={resource} applied={params}
+		  open={open} setOpen={setOpen}
+		  displayJSON={enabled => update ('nested_json', enabled ? '1' : '0')}
+		  execute={next => {
 		    if (next.toString () === canonical) void refetch ()
 		    else setParams (next)
 		  }}/>