diff --git a/components/soumet/ajoute-tradiksyon.js b/components/soumet/ajoute-tradiksyon.js new file mode 100644 index 0000000..315b8d4 --- /dev/null +++ b/components/soumet/ajoute-tradiksyon.js @@ -0,0 +1,80 @@ +import React, {useState} from 'react' +import PropTypes from 'prop-types' +import {MenuItem, withStyles, Menu, Button} from '@material-ui/core' +import {uniq} from 'lodash' + +const StyledMenu = withStyles({ + paper: { + border: '1px solid #d3d4d5' + } +})(props => ( +
+)) + +const StyledMenuItem = withStyles(theme => ({ + root: { + '&:focus': { + backgroundColor: theme.palette.primary.main, + '& .MuiListItemIcon-root, & .MuiListItemText-primary': { + color: theme.palette.common.white + } + } + } +}))(MenuItem) + +function AjouteTradiksyon({chwaLang, setChwaLang}) { + const [anchorElement, setAnchorElement] = useState(null) + + const handleClick = event => { + setAnchorElement(event.currentTarget) + } + + const handleClose = event => { + setAnchorElement(null) + const chwaInik = uniq([...chwaLang, event.currentTarget.id]) + setChwaLang(chwaInik.filter(c => c !== '')) + } + + return ( +