aindreas/fyp
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[frontend]: Re-add cluster toggle to Sidepanel

Browse Source
This commit is contained in:
Aindréas Ó hAodha
2025-03-10 18:17:01 +00:00
parent 3eefe47ef1
commit 12f72c4f6a
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/Sidebar.jsx
View File

@ -164,7 +164,7 @@ const Sidebar = ({ selectedSources, setSelectedSources, clusteringEnabled, setCl
{isOpen ? "▼ Filters" : "▶ Filters"}
</button>
{isOpen && (
<div style={{ display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%" }}>
<div style={{display: "flex", flexDirection: "column", alignItems: "flex-start", width: "100%"}}>
{menuData.map((item) => (
<CheckboxItem
key={item.id}
@ -175,7 +175,16 @@ const Sidebar = ({ selectedSources, setSelectedSources, clusteringEnabled, setCl
setEnabledSources={setEnabledSources}
/>
))}
<button onClick={handleSubmit} style={{ marginTop: "10px", color: "white" }}>Submit</button>
<div style={{marginTop: "10px", display: "flex", alignItems: "center", gap: "8px"}}>
<input
type="checkbox"
id="toggleClustering"
checked={clusteringEnabled}
onChange={() => setClusteringEnabled(!clusteringEnabled)}
/>
<label htmlFor="toggleClustering">Cluster overlapping icons</label>
</div>
<button onClick={handleSubmit} style={{marginTop: "10px", color: "white"}}>Submit</button>
</div>
)}
</div>