brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

made a preferences element to group/ungroup sen5x stuff

Browse source
This commit is contained in:
Carter 2025-05-16 11:58:22 -06:00
parent 33988e3684
commit c19974edd9
1 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/pages/Devices.tsx
View file

@ -1,5 +1,5 @@
import { DeveloperBoard as ProvisionIcon, LibraryAdd as CreateGroupIcon, Tune } from "@mui/icons-material"; import { DeveloperBoard as ProvisionIcon, LibraryAdd as CreateGroupIcon, Tune } from "@mui/icons-material";
import { Box, Chip, Dialog, DialogTitle, Grid2, IconButton, Menu, MenuItem, Skeleton, Tab, Tabs, Theme, Tooltip, Typography, useTheme } from "@mui/material"; import { Box, Checkbox, Chip, Grid2, IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Skeleton, Tab, Tabs, Theme, Tooltip, Typography, useTheme } from "@mui/material";
import { blue, green, orange } from "@mui/material/colors"; import { blue, green, orange } from "@mui/material/colors";
import { makeStyles } from "@mui/styles"; import { makeStyles } from "@mui/styles";
import ResponsiveTable, { Column } from "common/ResponsiveTable"; import ResponsiveTable, { Column } from "common/ResponsiveTable";
@ -123,7 +123,7 @@ export default function Devices() {
const [groupSettingsIsOpen, setGroupSettingsIsOpen] = useState<boolean>(false); const [groupSettingsIsOpen, setGroupSettingsIsOpen] = useState<boolean>(false);
const [fieldContains, setFieldContains] = useState<Map<string, string>>(new Map<string, string>()) const [fieldContains, setFieldContains] = useState<Map<string, string>>(new Map<string, string>())
const [seperateDust, setSeperateDust] = useState(true) const [seperateDust, setSeperateDust] = useState(false)
const [preferencesAnchor, setPreferencesAnchor] = useState<any>(null) const [preferencesAnchor, setPreferencesAnchor] = useState<any>(null)
@ -533,6 +533,8 @@ export default function Devices() {
) )
} }
const preferencesMenu = () => { const preferencesMenu = () => {
return ( return (
<Menu <Menu
@ -541,8 +543,17 @@ export default function Devices() {
open={preferencesAnchor !== null} open={preferencesAnchor !== null}
onClose={() => setPreferencesAnchor(null)} onClose={() => setPreferencesAnchor(null)}
disableAutoFocusItem> disableAutoFocusItem>
<MenuItem> <MenuItem
hi onClick={() => setSeperateDust(!seperateDust)}
sx={{ marginLeft: -0.75 }}
dense
>
<ListItemIcon>
<Checkbox
checked={seperateDust}
/>
</ListItemIcon>
<ListItemText primary={"Seperate Dust"} />
</MenuItem> </MenuItem>
</Menu> </Menu>
) )