docker-service-discovery/openspec/changes/refactor-dropdown-with-checkboxes/tasks.md

1. Refactor Dropdown Component

• 1.1 Modify the Dropdown.js component to accept selectedValues as a prop.
• 1.2 Implement the logic to render checkboxes for each option.
• 1.3 Handle the onSelect event to toggle the selection of an option.

2. Update Styling

• 2.1 Update Dropdown.css to include styles for the checkboxes.
• 2.2 Adjust the styling of the dropdown container and items to fix the boundary and text size issues.

3. Update FilterBox Component

• 3.1 Modify FilterBox.js to manage the selectedLabels state.
• 3.2 Pass the selectedLabels and the onLabelToggle function to the Dropdown component.

4. Verification

• 4.1 Manually test the multi-select dropdown in the browser.