openedx / openedx/paragon

[DataTable]: Refactor CheckboxFilter to use useCheckboxSetValues hook

Open
#3,643 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

code health enhancement
Dominant language
JavaScript
Stars
140
Forks
100
Avg merge
1h 3m
Merged PRs (30d)
30

Description

Feedback summary

Currently, the Paragon documentation for Form.CheckBoxSet demonstrates controlled usage via the useCheckboxSetValues custom hook.

The DataTable component, however, relies on changeCheckbox for controlled use within its CheckboxFilter.jsx component.

Given the existing useCheckboxSetValues hook, it makes sense to update the CheckboxFilter's logic to leverage this ready-made solution.

Some context

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reading src/DataTable/filters/CheckboxFilter.jsx and the existing src/Form/useCheckboxSetValues.jsx hook, then compare their controlled-value logic. Done means CheckboxFilter uses the existing hook instead of changeCheckbox while preserving its controlled checkbox-filter behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Refactor
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.