Josh Knapp
1524ec4a98
The sidebar config panel content was overflowing its container width, causing project names and directory paths to be clipped. Added min-w-0 and overflow-hidden to flex containers, and restructured folder path config rows to stack vertically instead of cramming into one line. The Windows taskbar was showing a black square because no default window icon was set at runtime. Added default_window_icon() call in the Tauri builder using the app's icon.png. Also adds vitest test infrastructure with tests verifying both fixes. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
44 lines
1.6 KiB
TypeScript
44 lines
1.6 KiB
TypeScript
import { useShallow } from "zustand/react/shallow";
|
|
import { useAppState } from "../../store/appState";
|
|
import ProjectList from "../projects/ProjectList";
|
|
import SettingsPanel from "../settings/SettingsPanel";
|
|
|
|
export default function Sidebar() {
|
|
const { sidebarView, setSidebarView } = useAppState(
|
|
useShallow(s => ({ sidebarView: s.sidebarView, setSidebarView: s.setSidebarView }))
|
|
);
|
|
|
|
return (
|
|
<div className="flex flex-col h-full w-[25%] min-w-56 max-w-80 bg-[var(--bg-secondary)] border border-[var(--border-color)] rounded-lg overflow-hidden">
|
|
{/* Nav tabs */}
|
|
<div className="flex border-b border-[var(--border-color)]">
|
|
<button
|
|
onClick={() => setSidebarView("projects")}
|
|
className={`flex-1 px-3 py-2 text-sm font-medium transition-colors ${
|
|
sidebarView === "projects"
|
|
? "text-[var(--accent)] border-b-2 border-[var(--accent)]"
|
|
: "text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
|
|
}`}
|
|
>
|
|
Projects
|
|
</button>
|
|
<button
|
|
onClick={() => setSidebarView("settings")}
|
|
className={`flex-1 px-3 py-2 text-sm font-medium transition-colors ${
|
|
sidebarView === "settings"
|
|
? "text-[var(--accent)] border-b-2 border-[var(--accent)]"
|
|
: "text-[var(--text-secondary)] hover:text-[var(--text-primary)]"
|
|
}`}
|
|
>
|
|
Settings
|
|
</button>
|
|
</div>
|
|
|
|
{/* Content */}
|
|
<div className="flex-1 overflow-y-auto overflow-x-hidden p-1 min-w-0">
|
|
{sidebarView === "projects" ? <ProjectList /> : <SettingsPanel />}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|