d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2026-02-15 21:27:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: replace individual provider logos with a unified SessionProviderLogo component

Browse Source
This commit is contained in:
Haileyesus
2026-02-11 15:49:00 +03:00
parent 8e411187f3
commit 79d7934a4b
10 changed files with 44 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/sidebar/SessionProviderIcon.tsx
View File

@@ -1,21 +0,0 @@
import type { SessionProvider } from '../../types/app';
import ClaudeLogo from '../ClaudeLogo';
import CodexLogo from '../CodexLogo';
import CursorLogo from '../CursorLogo';
type SessionProviderIconProps = {
provider: SessionProvider;
className: string;
};
export default function SessionProviderIcon({ provider, className }: SessionProviderIconProps) {
if (provider === 'cursor') {
return <CursorLogo className={className} />;
}
if (provider === 'codex') {
return <CodexLogo className={className} />;
}
return <ClaudeLogo className={className} />;
}

10
src/components/sidebar/SidebarSessionItem.tsx
View File

@@ -7,7 +7,7 @@ import { formatTimeAgo } from '../../utils/dateUtils';
import type { Project, ProjectSession, SessionProvider } from '../../types/app';
import type { SessionWithProvider, TouchHandlerFactory } from './types';
import { createSessionViewModel } from './utils';
import SessionProviderIcon from './SessionProviderIcon';
import SessionProviderLogo from '../SessionProviderLogo';
type SidebarSessionItemProps = {
project: Project;
@@ -92,7 +92,7 @@ export default function SidebarSessionItem({
isSelected ? 'bg-primary/10' : 'bg-muted/50',
)}
>
<SessionProviderIcon provider={session.__provider} className="w-3 h-3" />
<SessionProviderLogo provider={session.__provider} className="w-3 h-3" />
</div>
<div className="min-w-0 flex-1">
@@ -108,7 +108,7 @@ export default function SidebarSessionItem({
</Badge>
)}
<span className="ml-1 opacity-70">
<SessionProviderIcon provider={session.__provider} className="w-3 h-3" />
<SessionProviderLogo provider={session.__provider} className="w-3 h-3" />
</span>
</div>
</div>
@@ -140,7 +140,7 @@ export default function SidebarSessionItem({
onTouchEnd={touchHandlerFactory(() => onSessionSelect(session, project.name))}
>
<div className="flex items-start gap-2 min-w-0 w-full">
<SessionProviderIcon provider={session.__provider} className="w-3 h-3 mt-0.5 flex-shrink-0" />
<SessionProviderLogo provider={session.__provider} className="w-3 h-3 mt-0.5 flex-shrink-0" />
<div className="min-w-0 flex-1">
<div className="text-xs font-medium truncate text-foreground">{sessionView.sessionName}</div>
<div className="flex items-center gap-1 mt-0.5">
@@ -157,7 +157,7 @@ export default function SidebarSessionItem({
</Badge>
)}
<span className="ml-1 opacity-70 group-hover:opacity-0 transition-opacity">
<SessionProviderIcon provider={session.__provider} className="w-3 h-3" />
<SessionProviderLogo provider={session.__provider} className="w-3 h-3" />
</span>
</div>
</div>