diff --git a/src/pages/admin/Memberships/Memberships.js b/src/pages/admin/Memberships/Memberships.js index a563ca4a..9b3d3bde 100644 --- a/src/pages/admin/Memberships/Memberships.js +++ b/src/pages/admin/Memberships/Memberships.js @@ -13,6 +13,14 @@ import { import { makeStyles, useTheme } from "@material-ui/core/styles"; +import { + FormControl, InputLabel, Select, MenuItem, + List, + ListItem, + ListItemText, + Typography, + Chip, +} from "@material-ui/core"; import useMediaQuery from "@material-ui/core/useMediaQuery"; // import ListIcon from "@material-ui/icons/List"; import StarBorderIcon from "@material-ui/icons/StarBorder"; @@ -21,13 +29,6 @@ import Questions from "./Questions/Questions"; import Summary from "./Summary/Summary"; // import Individual from "./Individual/Individual"; -import { - List, - ListItem, - ListItemText, - Typography, - Chip, -} from "@material-ui/core"; const PERSONALIZATION_STATES = { SUMMARY: { @@ -49,6 +50,16 @@ const PERSONALIZATION_STATES = { }; const useStyles = makeStyles((theme) => ({ + formControl: { + margin: theme.spacing(1), + minWidth: 120, + "& .MuiOutlinedInput-root, & .MuiOutlinedInput-root fieldset": { + borderColor: `${COLORS.BIZTECH_GREEN}`, + }, + "& .MuiInputLabel-outlined, & .MuiSelect-outlined, & .MuiSelect-icon": { + color: `${COLORS.BIZTECH_GREEN}`, + } + }, container: { display: "flex", flexDirection: "row", @@ -138,11 +149,20 @@ function Memberships() { BizTech Memberships - + + Year + +
{/* Left panel for additional event filters (only on desktop view) */}