Skip to content

Test #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
MisterGuy420 wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Test #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
c8207fe
Update frontend/src/components/ThemeToggle.jsx
MisterGuy420 Mar 11, 2026
08e2935
Update frontend/src/components/ChannelHeader.jsx
MisterGuy420 Mar 11, 2026
8cf56da
Update frontend/src/components/MessageInput.jsx
MisterGuy420 Mar 11, 2026
18a8e86
Update frontend/src/components/Login.jsx
MisterGuy420 Mar 11, 2026
9c5acc8
Update frontend/src/components/Sidebar.jsx
MisterGuy420 Mar 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 12 additions & 12 deletions frontend/src/components/ChannelHeader.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ export default function ChannelHeader({ channel, connected, userCount, onShowSho
return (
<div className={`h-14 border-b flex items-center justify-between px-4 transition-colors duration-200 ${
isDark
? 'bg-gray-800 border-gray-700'
? 'bg-gray-800 border-gray-700'
: 'bg-white border-gray-200'
}`}>
<div className="flex items-center gap-3">
Expand Down Expand Up @@ -91,17 +91,17 @@ export default function ChannelHeader({ channel, connected, userCount, onShowSho
placeholder="Search messages..."
className={`w-64 pl-9 pr-8 py-1.5 border rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-claw-500 ${
isDark
? 'bg-gray-700 border-gray-600 text-white placeholder-gray-400'
? 'bg-gray-700 border-gray-600 text-white placeholder-gray-400'
: 'bg-gray-100 border-gray-300 text-gray-900 placeholder-gray-500'
}`}
/>
{localQuery && (
<button
type="button"
onClick={handleClear}
className={`absolute right-2 top-1/2 -translate-y-1/2 p-0.5 rounded ${
className={`absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded-full ${
isDark
? 'text-gray-400 hover:text-white hover:bg-gray-600'
? 'text-gray-400 hover:text-white hover:bg-gray-600'
: 'text-gray-500 hover:text-gray-900 hover:bg-gray-300'
}`}
>
Expand All @@ -112,9 +112,9 @@ export default function ChannelHeader({ channel, connected, userCount, onShowSho
<button
type="button"
onClick={handleSearchToggle}
className={`p-1.5 rounded transition-colors ${
className={`p-2 rounded-lg transition-colors ${
isDark
? 'text-gray-400 hover:text-white hover:bg-gray-700'
? 'text-gray-400 hover:text-white hover:bg-gray-700'
: 'text-gray-500 hover:text-gray-900 hover:bg-gray-200'
}`}
title="Close search (Esc)"
Expand All @@ -125,9 +125,9 @@ export default function ChannelHeader({ channel, connected, userCount, onShowSho
) : (
<button
onClick={handleSearchToggle}
className={`p-2 rounded-lg transition-colors ${
className={`p-2.5 rounded-lg transition-colors ${
isDark
? 'text-gray-400 hover:text-white hover:bg-gray-700'
? 'text-gray-400 hover:text-white hover:bg-gray-700'
: 'text-gray-500 hover:text-gray-900 hover:bg-gray-200'
}`}
title="Search messages (Ctrl+K)"
Expand All @@ -138,9 +138,9 @@ export default function ChannelHeader({ channel, connected, userCount, onShowSho

<button
onClick={onShowShortcuts}
className={`p-2 rounded-lg transition-colors ${
className={`p-2.5 rounded-lg transition-colors ${
isDark
? 'text-gray-400 hover:text-white hover:bg-gray-700'
? 'text-gray-400 hover:text-white hover:bg-gray-700'
: 'text-gray-500 hover:text-gray-900 hover:bg-gray-200'
}`}
title="Keyboard shortcuts (Ctrl+/)"
Expand All @@ -153,9 +153,9 @@ export default function ChannelHeader({ channel, connected, userCount, onShowSho

<button
onClick={onToggleSound}
className={`p-2 rounded-lg transition-colors ${
className={`p-2.5 rounded-lg transition-colors ${
soundEnabled
? 'text-claw-400 hover:bg-claw-500/20'
? 'text-claw-400 hover:bg-claw-500/20'
: isDark
? 'text-gray-400 hover:text-white hover:bg-gray-700'
: 'text-gray-500 hover:text-gray-900 hover:bg-gray-200'
Expand Down
22 changes: 11 additions & 11 deletions frontend/src/components/Login.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,9 +73,9 @@ export default function Login({ onLogin }) {
<div className="space-y-3">
<button
onClick={() => setMode('login')}
className={`w-full flex items-center gap-4 p-4 rounded-xl transition-colors group ${
className={`w-full flex items-center gap-4 p-5 rounded-xl transition-colors group ${
isDark
? 'bg-gray-800 hover:bg-gray-700'
? 'bg-gray-800 hover:bg-gray-700'
: 'bg-white hover:bg-gray-50 border border-gray-200'
}`}
>
Expand All @@ -90,9 +90,9 @@ export default function Login({ onLogin }) {

<button
onClick={() => setMode('register')}
className={`w-full flex items-center gap-4 p-4 rounded-xl transition-colors group ${
className={`w-full flex items-center gap-4 p-5 rounded-xl transition-colors group ${
isDark
? 'bg-gray-800 hover:bg-gray-700'
? 'bg-gray-800 hover:bg-gray-700'
: 'bg-white hover:bg-gray-50 border border-gray-200'
}`}
>
Expand All @@ -118,8 +118,8 @@ export default function Login({ onLogin }) {
<div className="flex justify-between items-center mb-4">
<button
onClick={() => setMode('select')}
className={`flex items-center gap-1 transition-colors ${
isDark ? 'text-gray-400 hover:text-white' : 'text-gray-500 hover:text-gray-900'
className={`flex items-center gap-1 p-2 rounded-lg transition-colors ${
isDark ? 'text-gray-400 hover:text-white hover:bg-gray-700' : 'text-gray-500 hover:text-gray-900 hover:bg-gray-200'
}`}
>
← Back
Expand All @@ -136,7 +136,7 @@ export default function Login({ onLogin }) {
<button
type="button"
onClick={() => setFormData({ ...formData, type: 'human' })}
className={`flex-1 py-2 px-4 rounded-lg flex items-center justify-center gap-2 transition-colors ${
className={`flex-1 py-2.5 px-4 rounded-lg flex items-center justify-center gap-2 transition-colors ${
formData.type === 'human'
? 'bg-claw-600 text-white'
: isDark
Expand All @@ -149,7 +149,7 @@ export default function Login({ onLogin }) {
<button
type="button"
onClick={() => setFormData({ ...formData, type: 'agent' })}
className={`flex-1 py-2 px-4 rounded-lg flex items-center justify-center gap-2 transition-colors ${
className={`flex-1 py-2.5 px-4 rounded-lg flex items-center justify-center gap-2 transition-colors ${
formData.type === 'agent'
? 'bg-agent text-white'
: isDark
Expand Down Expand Up @@ -177,7 +177,7 @@ export default function Login({ onLogin }) {
onChange={(e) => setFormData({ ...formData, username: e.target.value })}
className={`w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-claw-500 ${
isDark
? 'bg-gray-800 border-gray-700 text-white placeholder-gray-500'
? 'bg-gray-800 border-gray-700 text-white placeholder-gray-500'
: 'bg-white border-gray-300 text-gray-900 placeholder-gray-400'
}`}
placeholder="Enter username"
Expand All @@ -194,7 +194,7 @@ export default function Login({ onLogin }) {
onChange={(e) => setFormData({ ...formData, agentKey: e.target.value })}
className={`w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-agent ${
isDark
? 'bg-gray-800 border-gray-700 text-white placeholder-gray-500'
? 'bg-gray-800 border-gray-700 text-white placeholder-gray-500'
: 'bg-white border-gray-300 text-gray-900 placeholder-gray-400'
}`}
placeholder="Enter agent key"
Expand All @@ -205,7 +205,7 @@ export default function Login({ onLogin }) {
<button
type="submit"
disabled={loading}
className={`w-full py-3 px-4 rounded-lg font-semibold transition-colors ${
className={`w-full py-3.5 px-4 rounded-lg font-semibold transition-colors ${
formData.type === 'agent'
? 'bg-agent hover:bg-agent-dark text-white'
: 'bg-claw-600 hover:bg-claw-700 text-white'
Expand Down
Loading