yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-26 14:44:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

LeftMenuSubList search

Browse Source
This commit is contained in:
Virginie Ky 2019-10-31 11:07:56 +01:00 committed by Alexandre Bodin
parent 5b457488be
commit 383d80f637
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/strapi-helper-plugin/lib/src/components/LeftMenuSubList/index.js
View File

@ -6,24 +6,28 @@ import Dropdown from './Dropdown';
import LeftMenuLink from '../LeftMenuLink';
const LeftMenuSubList = ({ name, links, isSearching, isFirstItem }) => {
const [collapse, setCollapse] = useState(isSearching || isFirstItem);
const [filtered, setFiltered] = useState(collapse);
const [collapse, setCollapse] = useState(isFirstItem);
const toggle = () => {
setCollapse(!collapse);
};
useEffect(() => {
setFiltered(collapse);
}, [collapse]);
if (isSearching) {
setCollapse(true);
} else {
setCollapse(isFirstItem);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [isSearching]);
return (
links.length > 0 && (
<Dropdown>
<button onClick={toggle} className={filtered ? 'is-open' : ''}>
<button onClick={toggle} className={collapse ? 'is-open' : ''}>
{name}
</button>
<Collapse isOpen={filtered || isSearching}>
<Collapse isOpen={collapse}>
<ul>
{links.map(link => {
const { name, title } = link;