legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-15 17:12:59 -04:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

give up lol

Browse Source
This commit is contained in:
legop3
2025-11-24 03:11:23 -05:00
parent 9f2b1e423f
commit a4a3016c05
8 changed files with 25 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-C9IjFgQB.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CBOhWGL7.js
-11
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-D2Jm6syg.js
+11
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-whSskEOY.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CBOhWGL7.js"></script> <script type="module" crossorigin src="/assets/index-D2Jm6syg.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-whSskEOY.css"> <link rel="stylesheet" crossorigin href="/assets/index-C9IjFgQB.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/ChatPanel.jsx
+3 -10
View File
@@ -25,12 +25,7 @@ function displayName(message) {
return message.nickname || message.socketId?.slice(0, 6) || 'unknown'; return message.nickname || message.socketId?.slice(0, 6) || 'unknown';
} }
export default function ChatPanel({ export default function ChatPanel({ hideInput = false, hideSpectatorNotice = false }) {
hideInput = false,
hideSpectatorNotice = false,
maxHeightClass = '',
heightClass = '',
}) {
const { session } = useSession(); const { session } = useSession();
const { messages, sendMessage, registerInputRef, onInputFocus, onInputBlur, blurChat } = useChat(); const { messages, sendMessage, registerInputRef, onInputFocus, onInputBlur, blurChat } = useChat();
const [draft, setDraft] = useState(''); const [draft, setDraft] = useState('');
@@ -63,14 +58,12 @@ export default function ChatPanel({
} }
return ( return (
<section <section className="panel-section space-y-0.5 text-base">
className={`panel-section flex flex-col space-y-0.5 overflow-hidden text-base ${heightClass} ${maxHeightClass}`}
>
{/* <div className="flex items-center justify-between text-sm text-slate-400"> {/* <div className="flex items-center justify-between text-sm text-slate-400">
<span>Chat</span> <span>Chat</span>
<span className="text-xs text-slate-500">{sorted.length}</span> <span className="text-xs text-slate-500">{sorted.length}</span>
</div> */} </div> */}
<div className="surface flex-1 overflow-y-auto space-y-0.25" ref={listRef}> <div className="surface h-48 overflow-y-auto space-y-0.25" ref={listRef}>
{sorted.length === 0 ? ( {sorted.length === 0 ? (
<p className="text-sm text-slate-500">No messages yet.</p> <p className="text-sm text-slate-500">No messages yet.</p>
) : ( ) : (
webui/src/components/UserListPanel.jsx
+3 -10
View File
@@ -26,12 +26,7 @@ function formatLabel(user, selfId) {
return base; return base;
} }
export default function UserListPanel({ export default function UserListPanel({ hideNicknameForm = false, hideHeader = false, className = '' }) {
hideNicknameForm = false,
hideHeader = false,
className = '',
heightClass = '',
}) {
const { session, setNickname } = useSession(); const { session, setNickname } = useSession();
const { value } = useSettingsNamespace('profile', { nickname: '' }); const { value } = useSettingsNamespace('profile', { nickname: '' });
const lastSyncedSocketRef = useRef(null); const lastSyncedSocketRef = useRef(null);
@@ -97,9 +92,7 @@ export default function UserListPanel({
}, []); }, []);
return ( return (
<section <section className={`panel-section space-y-0.5 text-base ${className}`}>
className={`panel-section flex flex-col space-y-0.5 overflow-hidden text-base ${heightClass} ${className}`}
>
{!hideNicknameForm && ( {!hideNicknameForm && (
<div className="space-y-0.5"> <div className="space-y-0.5">
<NicknameForm /> <NicknameForm />
@@ -116,7 +109,7 @@ export default function UserListPanel({
</span> </span>
</div> </div>
)} )}
<div className="surface flex-1 min-h-[12rem] overflow-y-auto space-y-0.25"> <div className="surface h-48 overflow-y-auto space-y-0.25">
{isTurnsMode ? ( {isTurnsMode ? (
Object.keys(turnQueues || {}).length === 0 ? ( Object.keys(turnQueues || {}).length === 0 ? (
<p className="text-sm text-slate-500">No turn queues yet.</p> <p className="text-sm text-slate-500">No turn queues yet.</p>
webui/src/spectate/SpectatorApp.jsx
+5 -5
View File
@@ -86,13 +86,13 @@ function RoverRow({ roster, frames, videoSources, session }) {
function SecondaryRow() { function SecondaryRow() {
return ( return (
<section className="grid grid-cols-1 items-start gap-0.5 lg:grid-cols-[2fr_1fr_1fr]"> <section className="grid grid-cols-1 gap-0.5 lg:grid-cols-[2fr_1fr_1fr]">
<RoomCameraPanel defaultOrientation="horizontal" hideLayoutToggle hideHeader /> <RoomCameraPanel defaultOrientation="horizontal" hideLayoutToggle hideHeader />
<div className="flex flex-col self-start"> <div className="flex flex-col">
<UserListPanel hideNicknameForm hideHeader heightClass="h-[40vh]" /> <UserListPanel hideNicknameForm hideHeader />
</div> </div>
<div className="flex flex-col self-start"> <div className="flex flex-col">
<ChatPanel hideInput hideSpectatorNotice heightClass="h-[40vh]" /> <ChatPanel hideInput hideSpectatorNotice />
</div> </div>
</section> </section>
); );