mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
guh
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -5,8 +5,8 @@
|
|||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>webui</title>
|
<title>webui</title>
|
||||||
<script type="module" crossorigin src="/assets/index-C8plXa0F.js"></script>
|
<script type="module" crossorigin src="/assets/index-CCsZswS4.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-DEkIseQD.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-WcSVLUbr.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
+2
-1
@@ -10,6 +10,7 @@ import LogPanel from './components/LogPanel.jsx';
|
|||||||
import AuthPanel from './components/AuthPanel.jsx';
|
import AuthPanel from './components/AuthPanel.jsx';
|
||||||
import DriverVideoPanel from './components/DriverVideoPanel.jsx';
|
import DriverVideoPanel from './components/DriverVideoPanel.jsx';
|
||||||
import RightPaneTabs from './components/RightPaneTabs.jsx';
|
import RightPaneTabs from './components/RightPaneTabs.jsx';
|
||||||
|
import SessionSnapshot from './components/SessionSnapshot.jsx';
|
||||||
|
|
||||||
function useLayoutMode() {
|
function useLayoutMode() {
|
||||||
const [mode, setMode] = useState(() => {
|
const [mode, setMode] = useState(() => {
|
||||||
@@ -50,7 +51,7 @@ function DesktopLayout({ layout }) {
|
|||||||
</section>
|
</section>
|
||||||
<section className="grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-1">
|
<section className="grid grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-1">
|
||||||
<AdminPanel />
|
<AdminPanel />
|
||||||
<LogPanel />
|
<SessionSnapshot />
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -0,0 +1,13 @@
|
|||||||
|
import { useMemo } from 'react';
|
||||||
|
import { useSession } from '../context/SessionContext.jsx';
|
||||||
|
|
||||||
|
export default function SessionSnapshot() {
|
||||||
|
const { session } = useSession();
|
||||||
|
const payload = useMemo(() => JSON.stringify(session ?? {}, null, 2), [session]);
|
||||||
|
return (
|
||||||
|
<div className="rounded-sm bg-[#242a32] p-1 text-xs text-slate-100">
|
||||||
|
<p className="text-sm text-slate-400">Session snapshot</p>
|
||||||
|
<pre className="mt-1 max-h-64 overflow-y-auto bg-black/40 p-1 text-[0.7rem] text-lime-300">{payload}</pre>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user