mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-01-16 06:39:43 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improved code quality

Browse Source
This commit is contained in:
singh-kanwarpreet
2025-08-14 15:02:44 +05:30
parent 13a5f699ba
commit ce667bc53b
2 changed files with 46 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
client/src/Pages/Logs/Logs/index.jsx
View File

@@ -50,32 +50,48 @@ const Logs = () => {
{ _id: "debug", name: t("logsPage.logLevelSelect.values.debug") },
];
return (
<Stack gap={theme.spacing(8)}>
<Stack
gap={theme.spacing(8)}
<Stack gap={theme.spacing(4)}>
<Box
sx={{
position: "sticky",
top: theme.spacing(19),
zIndex: 950,
backgroundColor: theme.palette.primary.main,
paddingY: theme.spacing(7),
paddingX: theme.spacing(7),
top: theme.spacing(17),
backdropFilter: "blur(10px)",
paddingY: theme.spacing(5),
paddingLeft: theme.spacing(6),
}}
>
<Typography variant="h2">{t("logsPage.description")}</Typography>
<Divider color={theme.palette.accent.main} />
<Stack
direction="row"
alignItems="center"
gap={theme.spacing(4)}
>
<Typography>{t("logsPage.logLevelSelect.title")}</Typography>
<Select
items={LOG_LEVELS}
value={logLevel}
onChange={(e) => setLogLevel(e.target.value)}
/>
</Stack>
</Box>
<Divider
color={theme.palette.accent.main}
sx={{
position: "sticky",
top: theme.spacing(33),
backdropFilter: "blur(10px)",
}}
/>
<Stack
direction="row"
alignItems="center"
gap={theme.spacing(4)}
mt={theme.spacing(10)}
sx={{
position: "sticky",
top: theme.spacing(34),
backdropFilter: "blur(10px)",
paddingTop: theme.spacing(4),
paddingLeft: theme.spacing(6),
}}
>
<Typography>{t("logsPage.logLevelSelect.title")}</Typography>
<Select
items={LOG_LEVELS}
value={logLevel}
onChange={(e) => {
setLogLevel(e.target.value);
}}
/>
</Stack>
<Box

28
client/src/Pages/Logs/index.jsx
View File

@@ -23,32 +23,22 @@ const Logs = () => {
};
const BREADCRUMBS = [{ name: t("logsPage.title"), path: "/logs" }];
return (
<Stack gap={theme.spacing(20)}>
<Breadcrumbs list={BREADCRUMBS} />
<Stack
gap={theme.spacing(10)}
<Tabs
value={value}
onChange={handleChange}
sx={{
position: "sticky",
top: 0,
zIndex: 1000,
backgroundColor: theme.palette.primary.main,
paddingY: theme.spacing(2),
top: theme.spacing(0),
backdropFilter: "blur(10px)",
}}
>
<Tabs
value={value}
onChange={handleChange}
>
<Tab label={t("logsPage.tabs.logs")} />
<Tab label={t("logsPage.tabs.queue")} />
<Tab label={t("logsPage.tabs.diagnostics")} />
</Tabs>
</Stack>
{/* Main content */}
<Tab label={t("logsPage.tabs.logs")} />
<Tab label={t("logsPage.tabs.queue")} />
<Tab label={t("logsPage.tabs.diagnostics")} />
</Tabs>
{value === 0 && <LogsComponent />}
{value === 1 && <Queue />}
{value === 2 && <Diagnostics />}