refactor: simplify mode scope badge display logic

Replace ternary conditionals with `|| "global"` pattern to match
MCP server badge implementation. This is cleaner and more idiomatic.
This commit is contained in:
heyseth 2025-10-13 15:18:55 -07:00
parent ab017dbb2f
commit 2cd6fe0f10
2 changed files with 3 additions and 3 deletions

View file

@ -272,7 +272,7 @@ export const ModeSelector = ({
<div className="flex items-center gap-1.5">
<span className="font-bold truncate">{mode.name}</span>
<span className="text-[10px] px-1 py-0.5 rounded bg-vscode-badge-background text-vscode-badge-foreground">
{mode.source === "project" ? "project" : "global"}
{mode.source || "global"}
</span>
</div>
{mode.description && (

View file

@ -625,7 +625,7 @@ const ModesView = ({ onDone }: ModesViewProps) => {
</span>
{getCurrentMode() && (
<span className="text-[10px] px-1 py-0.5 rounded bg-vscode-badge-background text-vscode-badge-foreground">
{getCurrentMode()?.source === "project" ? "project" : "global"}
{getCurrentMode()?.source || "global"}
</span>
)}
</div>
@ -690,7 +690,7 @@ const ModesView = ({ onDone }: ModesViewProps) => {
{modeConfig.name}
</span>
<span className="text-[10px] px-1 py-0.5 rounded bg-vscode-badge-background text-vscode-badge-foreground">
{modeConfig.source === "project" ? "project" : "global"}
{modeConfig.source || "global"}
</span>
</div>
<span