give up lol

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
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
File diff suppressed because one or more lines are too long
+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-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CBOhWGL7.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-whSskEOY.css">
<script type="module" crossorigin src="/assets/index-D2Jm6syg.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C9IjFgQB.css">
</head>
<body>
<div id="root"></div>
+3 -10
View File
@@ -25,12 +25,7 @@ function displayName(message) {
return message.nickname || message.socketId?.slice(0, 6) || 'unknown';
}
export default function ChatPanel({
hideInput = false,
hideSpectatorNotice = false,
maxHeightClass = '',
heightClass = '',
}) {
export default function ChatPanel({ hideInput = false, hideSpectatorNotice = false }) {
const { session } = useSession();
const { messages, sendMessage, registerInputRef, onInputFocus, onInputBlur, blurChat } = useChat();
const [draft, setDraft] = useState('');
@@ -63,14 +58,12 @@ export default function ChatPanel({
}
return (
<section
className={`panel-section flex flex-col space-y-0.5 overflow-hidden text-base ${heightClass} ${maxHeightClass}`}
>
<section className="panel-section space-y-0.5 text-base">
{/* <div className="flex items-center justify-between text-sm text-slate-400">
<span>Chat</span>
<span className="text-xs text-slate-500">{sorted.length}</span>
</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 ? (
<p className="text-sm text-slate-500">No messages yet.</p>
) : (
+3 -10
View File
@@ -26,12 +26,7 @@ function formatLabel(user, selfId) {
return base;
}
export default function UserListPanel({
hideNicknameForm = false,
hideHeader = false,
className = '',
heightClass = '',
}) {
export default function UserListPanel({ hideNicknameForm = false, hideHeader = false, className = '' }) {
const { session, setNickname } = useSession();
const { value } = useSettingsNamespace('profile', { nickname: '' });
const lastSyncedSocketRef = useRef(null);
@@ -97,9 +92,7 @@ export default function UserListPanel({
}, []);
return (
<section
className={`panel-section flex flex-col space-y-0.5 overflow-hidden text-base ${heightClass} ${className}`}
>
<section className={`panel-section space-y-0.5 text-base ${className}`}>
{!hideNicknameForm && (
<div className="space-y-0.5">
<NicknameForm />
@@ -116,7 +109,7 @@ export default function UserListPanel({
</span>
</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 ? (
Object.keys(turnQueues || {}).length === 0 ? (
<p className="text-sm text-slate-500">No turn queues yet.</p>
+5 -5
View File
@@ -86,13 +86,13 @@ function RoverRow({ roster, frames, videoSources, session }) {
function SecondaryRow() {
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 />
<div className="flex flex-col self-start">
<UserListPanel hideNicknameForm hideHeader heightClass="h-[40vh]" />
<div className="flex flex-col">
<UserListPanel hideNicknameForm hideHeader />
</div>
<div className="flex flex-col self-start">
<ChatPanel hideInput hideSpectatorNotice heightClass="h-[40vh]" />
<div className="flex flex-col">
<ChatPanel hideInput hideSpectatorNotice />
</div>
</section>
);