dm1sh/roomruler
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Sorry for my english

Browse Source
This commit is contained in:
Dmitriy Shishkov 2021-09-05 14:34:18 +03:00
parent 122df85e25
commit b5830414b0
No known key found for this signature in database
GPG Key ID: 14358F96FCDD8060
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/front/src/components/RoomList.tsx
View File

@ -43,7 +43,7 @@ const useStyles = makeStyles((theme) => ({
free: { free: {
background: theme.palette.success.main, background: theme.palette.success.main,
}, },
busy: { occupied: {
background: theme.palette.grey[500], background: theme.palette.grey[500],
}, },
})); }));
@ -79,13 +79,13 @@ export const RoomList = () => {
> >
<option value={FilterState.ALL}>All</option> <option value={FilterState.ALL}>All</option>
<option value={FilterState.FREE}>Free</option> <option value={FilterState.FREE}>Free</option>
<option value={FilterState.BUSY}>Busy</option> <option value={FilterState.OCCUPIED}>Occupied</option>
</Select> </Select>
</Box> </Box>
<List> <List>
{state.map.map(({ title }, index) => { {state.map.map(({ title }, index) => {
if (filter === FilterState.FREE && !state.char[index].free) return ""; if (filter === FilterState.FREE && !state.char[index].free) return "";
else if (filter === FilterState.BUSY && state.char[index].free) else if (filter === FilterState.OCCUPIED && state.char[index].free)
return ""; return "";
else else
return ( return (
@ -93,7 +93,7 @@ export const RoomList = () => {
<ListItemIcon className={classes.indicatorContainer}> <ListItemIcon className={classes.indicatorContainer}>
<div <div
className={`${classes.indicator} ${ className={`${classes.indicator} ${
state.char[index].free ? classes.free : classes.busy state.char[index].free ? classes.free : classes.occupied
}`} }`}
/> />
</ListItemIcon> </ListItemIcon>

2
apps/front/src/types/ui.ts
View File

@ -1,5 +1,5 @@
export enum FilterState { export enum FilterState {
ALL, ALL,
FREE, FREE,
BUSY, OCCUPIED,
} }