diff options
| author | Jorik Schellekens <joriks@matrix.org> | 2019-08-16 17:04:25 +0100 |
|---|---|---|
| committer | Jorik Schellekens <joriks@matrix.org> | 2019-08-28 15:59:54 +0100 |
| commit | d8a19849e86d053864e1f2cc4c917c6e4bae93d4 (patch) | |
| tree | 28be30318ff2d005e99e0ac096914cb1ce6e5b18 /synapse_topology/webui | |
| parent | Some little ui bugs (diff) | |
| download | synapse-d8a19849e86d053864e1f2cc4c917c6e4bae93d4.tar.xz | |
Clickable
Diffstat (limited to 'synapse_topology/webui')
| -rw-r--r-- | synapse_topology/webui/src/js/components/AccordionToggle.jsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/synapse_topology/webui/src/js/components/AccordionToggle.jsx b/synapse_topology/webui/src/js/components/AccordionToggle.jsx index 657cbd0f73..c318000cbe 100644 --- a/synapse_topology/webui/src/js/components/AccordionToggle.jsx +++ b/synapse_topology/webui/src/js/components/AccordionToggle.jsx @@ -4,11 +4,11 @@ import { reset } from 'ansi-colors'; import Chevron from './Chevron'; export default ({ active, open, children, eventKey, as, reset }) => { - + const clickable = active & !open; const toggle = useAccordionToggle(eventKey); const decoratedOnClick = () => { - if (active) { + if (clickable) { toggle(); reset(); @@ -17,7 +17,7 @@ export default ({ active, open, children, eventKey, as, reset }) => { } const As = as; - return <div className={active ? "active-card-header" : "inactive-card-header"}> + return <div className={clickable ? "active-card-header" : "inactive-card-header"}> <As onClick={decoratedOnClick}> {children} <Chevron open={open} /></As> </div> |