Skip to content
This repository has been archived by the owner on Jan 8, 2024. It is now read-only.

Commit

Permalink
(lint): Lint repository
Browse files Browse the repository at this point in the history
  • Loading branch information
jcxldn committed Jun 26, 2023
1 parent f489b48 commit 2f1555f
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 39 deletions.
51 changes: 26 additions & 25 deletions src/components/team/filterMenu.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,30 +5,31 @@ import { Button, Menu } from "@mui/material";
import { FilterMenuProps } from "../../types/team/filterMenuProps";

const FilterMenu = (props: FilterMenuProps) => {
const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
const open = Boolean(anchorEl);
const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};
const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
const open = Boolean(anchorEl);
const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};

return <>
<Button
id="chip-filter-menu-button"
aria-controls={open ? 'chip-filter-menu' : undefined}
aria-haspopup="true"
aria-expanded={open ? 'true' : undefined}
onClick={handleClick}
>
Filters
</Button>
<Menu id="chip-filter-menu" anchorEl={anchorEl} open={open} onClose={handleClose} >
{props.elements}
</Menu>
</>
}
return (
<>
<Button
id="chip-filter-menu-button"
aria-controls={open ? "chip-filter-menu" : undefined}
aria-haspopup="true"
aria-expanded={open ? "true" : undefined}
onClick={handleClick}
>
Filters
</Button>
<Menu id="chip-filter-menu" anchorEl={anchorEl} open={open} onClose={handleClose}>
{props.elements}
</Menu>
</>
);
};


export default FilterMenu
export default FilterMenu;
32 changes: 18 additions & 14 deletions src/pages/team.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -212,20 +212,24 @@ export default class TeamPage extends React.PureComponent<
variant="outlined"
onChange={event => this.setState({ searchQuery: event.target.value })}
/>
<FilterMenu elements={this.state.filterChip.map(entry => {
// Filter chips
return (<MenuItem>
<Chip
variant={entry.enabled ? "filled" : "outlined"}
deleteIcon={entry.enabled ? <></> : <AddIcon />}
onClick={(event: any) => this.handleChipClick(event, entry)}
label={capitalizeWords(entry.tag.name)}
color={entry.tag.paletteName}
size="small"
sx={{ fontWeight: "bold" }}
/>
</MenuItem>)
})} />
<FilterMenu
elements={this.state.filterChip.map(entry => {
// Filter chips
return (
<MenuItem>
<Chip
variant={entry.enabled ? "filled" : "outlined"}
deleteIcon={entry.enabled ? <></> : <AddIcon />}
onClick={(event: any) => this.handleChipClick(event, entry)}
label={capitalizeWords(entry.tag.name)}
color={entry.tag.paletteName}
size="small"
sx={{ fontWeight: "bold" }}
/>
</MenuItem>
);
})}
/>
</div>
{teamEntryFilter(this.entries, this.state.searchQuery, this.state.filterChip)}
</ThemeProvider>
Expand Down

0 comments on commit 2f1555f

Please sign in to comment.