#434

frontend/src/components/counts/CountsSortHeader.tsx

@@ -11,14 +11,15 @@ import type { CountSort } from '@/lib/counts'
 
 
 const CountsSortHeader = (
-    { field, label, sorts, change, structured = false, rowSpan, colSpan, resizable = true, dragId, totalKind }: {
+    { field, label, sorts, change, structured = false, rowSpan, colSpan,
+      resizable = true, dragId, totalKind, disabled = false }: {
 	field: string
 	label: { text: string; language: string }
 	sorts: CountSort[]
 	change: (key: string, additive: boolean) => void
 	structured?: boolean
 	rowSpan?: number; colSpan?: number; resizable?: boolean
-        dragId?: string; totalKind?: string },
+        dragId?: string; totalKind?: string; disabled?: boolean },
 ) => {
   const { message } = useUITranslation ('counts')
   const family = useContext (CountsTableScope)
@@ -84,7 +85,7 @@ const CountsSortHeader = (
 	  aria-sort={(sorts.length > 1 && priority >= 0) ? 'other' : state}>
 	<div ref={heading} className="flex min-w-0 items-center">
 	{shell?.handle}
-	<Button type="button" variant="ghost" size="sm"
+	<Button type="button" variant="ghost" size="sm" disabled={disabled}
 	    className="h-auto w-full max-w-full justify-start select-none px-1 py-0 pr-3"
 	    lang={aria.language} aria-label={aria.text} title={title.text}
 	    onPointerDown={event => {
@@ -141,8 +142,9 @@ const CountsSortHeader = (
 	</div>
 	{resizable && <CountsResizeHandle field={field} label={label}/>}
       </th>)
-  return dragId == null ? render () : <SortableItem id={dragId} name={message ('reorder', { column: label.text })}
-      handleId={`column-${dragId}`} moveGroup={() => { }} renderShell={render}>{null}</SortableItem>
+  return dragId == null ? render () : <SortableItem id={dragId}
+      name={message ('reorder', { column: label.text })} handleId={`column-${dragId}`}
+      moveGroup={() => { }} renderShell={render}>{null}</SortableItem>
 }