VSinerva/freesewing
1
0
Fork 0
Code Activity

🚧 More work on React components

Browse source
This commit is contained in:
Joost De Cock 2019-04-26 08:25:15 +02:00
parent e2b5ba2ee7
commit 3d9192a5ae
12 changed files with 178 additions and 132 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/components/src/PatternOptions/index.js
View file

@ -10,8 +10,7 @@ import { patternInfo, patternList } from "@freesewing/patterns";
import { FormattedMessage } from "react-intl";
import List from "@material-ui/core/List";
import ListSubheader from "@material-ui/core/ListSubheader";
import CollapsedIcon from "@material-ui/icons/ArrowDropDown";
import ExpandedIcon from "@material-ui/icons/ArrowRight";
import DownIcon from "@material-ui/icons/KeyboardArrowDown";
const PatternOptions = props => {
const [expanded, setExpanded] = useState([]);
@ -49,11 +48,7 @@ const PatternOptions = props => {
output.push(
<li className={open ? "expanded" : "collapsed"} key={group + "-ghead"}>
<h3 onClick={() => toggleGroup(group)}>
{open ? (
<CollapsedIcon className="collapse-icon" />
) : (
<ExpandedIcon className="collapse-icon" />
)}
<DownIcon className={"icon-col-exp "+ (open ? "expanded" : "collapsed")}/>
<FormattedMessage id={"optiongroups." + group} />
</h3>
{children}