bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 13:28:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Polygon checkbox working active and inactive; need to hook up action to filter through events

Browse Source
This commit is contained in:
efarooqui
2021-05-21 14:48:40 -07:00
parent 7156639ec3
commit 8206edb310
5 changed files with 36 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/atoms/Checkbox.js
View File

@@ -5,8 +5,8 @@ const Checkbox = ({ label, isActive, onClickCheckbox, color, styleProps }) => {
<div className={isActive ? "item active" : "item"}>
<span style={{ color: color }}>{label}</span>
<button onClick={onClickCheckbox}>
<div className="border">
<div className="checkbox" style={styleProps} />
<div className="border" style={styleProps.containerStyles}>
<div className="checkbox" style={styleProps.checkboxStyles} />
</div>
</button>
</div>

7
src/components/controls/atoms/PanelTree.js
View File

@@ -7,8 +7,11 @@ const PanelTree = ({ data, activeValues, onSelect, defaultCheckboxColor }) => {
{data.map((val) => {
const isActive = activeValues.includes(val.title);
const baseStyles = {
background: isActive ? defaultCheckboxColor : "none",
border: `1px solid ${defaultCheckboxColor}`,
checkboxStyles: {
background: isActive ? defaultCheckboxColor : "none",
border: `1px solid ${defaultCheckboxColor}`,
},
containerStyles: {},
};
return (
<li