jason/fabdash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
jasonMPM
2026-03-05 16:08:22 -06:00
committed by GitHub
parent a2bff092aa
commit 1efb3117cd
3 changed files with 50 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/components/Projects/ProjectList.jsx
View File

@@ -8,10 +8,10 @@ import useUIStore from '../../store/useUIStore'
import { deleteProject } from '../../api/projects'
export default function ProjectList({ onRegisterNewProject }) {
const { projects, removeProject } = useProjectStore()
const { sidebarTab, setSidebarTab } = useUIStore()
const [showModal, setShowModal] = useState(false)
const [editing, setEditing] = useState(null)
const { projects, removeProject } = useProjectStore()
const { sidebarTab, setSidebarTab } = useUIStore()
const [showModal, setShowModal] = useState(false)
const [editing, setEditing] = useState(null)
useEffect(() => { onRegisterNewProject?.(() => setShowModal(true)) }, [onRegisterNewProject])
@@ -25,10 +25,22 @@ export default function ProjectList({ onRegisterNewProject }) {
return (
<div className="flex flex-col h-full">
{/* Header */}
<div className="flex items-center justify-between px-4 py-3 border-b border-surface-border flex-shrink-0">
<h1 className="text-gold font-bold text-lg tracking-widest uppercase">FabDash</h1>
<Button size="sm" onClick={() => setShowModal(true)}>+ Project</Button>
{/* Header — logo + wordmark + new project button */}
<div className="flex items-center gap-2.5 px-3 py-2.5 border-b border-surface-border flex-shrink-0 pl-10">
<img
src="/logo.png"
alt="FabDash logo"
className="w-8 h-8 object-contain rounded flex-shrink-0"
onError={e => { e.target.style.display = 'none' }}
/>
<div className="flex flex-col leading-tight min-w-0">
<span className="text-gold font-black text-sm tracking-widest uppercase">FabDash</span>
<span className="text-text-muted/50 text-[9px] tracking-wide">Fabrication Dashboard</span>
</div>
<div className="ml-auto flex-shrink-0">
<Button size="sm" onClick={() => setShowModal(true)}>+ Project</Button>
</div>
</div>
{/* Tab toggle */}
@@ -73,9 +85,9 @@ export default function ProjectList({ onRegisterNewProject }) {
)}
</div>
{/* Keyboard shortcuts legend */}
{/* Keyboard shortcut legend */}
<div className="flex-shrink-0 border-t border-surface-border px-4 py-2 flex flex-wrap gap-x-3 gap-y-1">
{[['N','New project'],['B','Toggle sidebar'],['←→','Navigate'],['T','Today']].map(([key, desc]) => (
{[['N','New'],['B','Sidebar'],['← →','Navigate'],['T','Today']].map(([key, desc]) => (
<span key={key} className="flex items-center gap-1 text-[10px] text-text-muted/50">
<kbd className="bg-surface-border px-1 py-0.5 rounded text-[9px] font-mono">{key}</kbd>
{desc}