Minor GUI Changes

This commit is contained in:
2025-09-02 16:30:21 -06:00
parent 7819941b38
commit 3481d4c4e6
2 changed files with 23 additions and 23 deletions

View File

@@ -82,7 +82,7 @@ export default function DeviceDetails({ device, onBack }) {
let [hh, mm, ss] = timePart.split(":").map(Number); let [hh, mm, ss] = timePart.split(":").map(Number);
const ampm = hh >= 12 ? "PM" : "AM"; const ampm = hh >= 12 ? "PM" : "AM";
hh = hh % 12 || 12; hh = hh % 12 || 12;
return `${m.toString().padStart(2, "0")}/${d.toString().padStart(2, "0")}/${y} - ${hh}:${mm return `${m.toString().padStart(2, "0")}/${d.toString().padStart(2, "0")}/${y} @ ${hh}:${mm
.toString() .toString()
.padStart(2, "0")}${ampm}`; .padStart(2, "0")}${ampm}`;
} catch { } catch {

View File

@@ -92,28 +92,6 @@ function NavigationSidebar({ currentPage, onNavigate }) {
</AccordionDetails> </AccordionDetails>
</Accordion> </Accordion>
{/* Filters & Groups */}
<Accordion
expanded={expandedNav.filters}
onChange={(_, e) => setExpandedNav((s) => ({ ...s, filters: e }))}
square
disableGutters
sx={{ "&:before": { display: "none" }, margin: 0, border: 0 }}
>
<AccordionSummary
expandIcon={<ExpandMoreIcon />}
sx={{ backgroundColor: "#2c2c2c", minHeight: "36px", "& .MuiAccordionSummary-content": { margin: 0 } }}
>
<Typography sx={{ fontSize: "0.9rem", color: "#0475c2" }}>
<b>Filters & Groups</b>
</Typography>
</AccordionSummary>
<AccordionDetails sx={{ p: 0, bgcolor: "#232323" }}>
<NavItem icon={<FilterIcon fontSize="small" />} label="Filters" pageKey="filters" />
<NavItem icon={<GroupsIcon fontSize="small" />} label="Groups" pageKey="groups" />
</AccordionDetails>
</Accordion>
{/* Automation */} {/* Automation */}
<Accordion <Accordion
expanded={expandedNav.automation} expanded={expandedNav.automation}
@@ -137,6 +115,28 @@ function NavigationSidebar({ currentPage, onNavigate }) {
<NavItem icon={<CommunityIcon fontSize="small" />} label="Community Content" pageKey="community" /> <NavItem icon={<CommunityIcon fontSize="small" />} label="Community Content" pageKey="community" />
</AccordionDetails> </AccordionDetails>
</Accordion> </Accordion>
{/* Filters & Groups */}
<Accordion
expanded={expandedNav.filters}
onChange={(_, e) => setExpandedNav((s) => ({ ...s, filters: e }))}
square
disableGutters
sx={{ "&:before": { display: "none" }, margin: 0, border: 0 }}
>
<AccordionSummary
expandIcon={<ExpandMoreIcon />}
sx={{ backgroundColor: "#2c2c2c", minHeight: "36px", "& .MuiAccordionSummary-content": { margin: 0 } }}
>
<Typography sx={{ fontSize: "0.9rem", color: "#0475c2" }}>
<b>Filters & Groups</b>
</Typography>
</AccordionSummary>
<AccordionDetails sx={{ p: 0, bgcolor: "#232323" }}>
<NavItem icon={<FilterIcon fontSize="small" />} label="Filters" pageKey="filters" />
<NavItem icon={<GroupsIcon fontSize="small" />} label="Groups" pageKey="groups" />
</AccordionDetails>
</Accordion>
</Box> </Box>
</Box> </Box>
); );