Spaces:
Runtime error
Runtime error
| import React from "react"; | |
| import PropTypes from "prop-types"; | |
| import { FormControl, InputLabel, MenuItem, Select } from "@mui/material"; | |
| export const LABELS = { | |
| map: "Map View", | |
| bourdieu: "Bourdieu View", | |
| docs: "Data" | |
| }; | |
| function DropdownMenu({ onSelectView, selectedView }) { | |
| const handleSelectView = (event) => { | |
| if (onSelectView) onSelectView(`${event.target.value}`); | |
| }; | |
| return ( | |
| <FormControl variant="outlined" className="dropdown-menu" sx={{ minWidth: "200px", marginTop: "1em" }}> | |
| <InputLabel htmlFor="view-select">Select a View</InputLabel> | |
| <Select | |
| label="Select a View" | |
| value={selectedView} | |
| onChange={handleSelectView} | |
| inputProps={{ | |
| name: "view-select", | |
| id: "view-select", | |
| }} | |
| > | |
| <MenuItem value="map">{LABELS.map}</MenuItem> | |
| {/* <MenuItem value="bourdieu">{LABELS.bourdieu}</MenuItem> */} | |
| <MenuItem value="docs">{LABELS.docs}</MenuItem> | |
| </Select> | |
| </FormControl> | |
| ); | |
| } | |
| DropdownMenu.propTypes = { | |
| onSelectView: PropTypes.func.isRequired, | |
| selectedView: PropTypes.string.isRequired, | |
| }; | |
| export default DropdownMenu; | |