function HideMessageCheckbox()

in app/message-table.tsx [48:78]

• 30 lines of code
• 3 McCabe index (conditional complexity)

function HideMessageCheckbox<TData, Value>({
  column,
  hideMessages,
  setHideMessages,
  impressionsThreshold,
}: HideMessageCheckboxProps<TData, Value>) {
  // XXX fix assertion that impressionsThreshold won't be undefined here
  return (
    <div className="flex items-center gap-x-1">
      <Checkbox
        className="border-slate-400"
        id="hide"
        onCheckedChange={() => {
          if (!hideMessages) {
            column.setFilterValue(parseInt(impressionsThreshold!));
          } else {
            column.setFilterValue(null);
          }
          setHideMessages(!hideMessages);
        }}
      />
      <label
        htmlFor="hide"
        className="text-3xs font-light leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
      >
        Hide messages with fewer than {impressionsThreshold || "1000"}{" "}
        impressions
      </label>
    </div>
  );
}