Files
omsorg/omsorgapp/src/components/Sidebar.jsx
T
Felix KemmlerandClaude Sonnet 5 598dfcd38a
Docker-Images bauen und veröffentlichen / build (, omsorgCore/Dockerfile, omsorgcore) (push) Successful in 3s
Docker-Images bauen und veröffentlichen / build (, omsorgWeb/Dockerfile, omsorgweb) (push) Failing after 4s
Docker-Images bauen und veröffentlichen / build (VITE_OMSORG_CORE_URL=${{ vars.OMSORG_CORE_PUBLIC_URL }}, omsorgapp/Dockerfile, omsorgapp) (push) Successful in 3s
Migrate omsorgapp to browser SPA, add Docker/CI build setup
- omsorgapp: drop Electron, run as a plain Vite/React browser app; refresh
  token moves to an HttpOnly cookie (omsorgCore), CORS added for the new
  browser origin, document download/preview switched to Blob-based browser
  APIs.
- Add Dockerfiles for omsorgCore, omsorgapp, and omsorgWeb, a docker-compose.yml
  wiring Postgres/MySQL/all three apps together, and a Gitea Actions workflow
  that builds and pushes images to the repo's container registry on push to
  main and on version tags.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-08-10 17:42:45 +02:00

111 lines
2.0 KiB
React

import logo from "../assets/omsorg_logo.png";
import {
Home,
Users,
Building2,
CalendarDays,
Calculator,
Car,
FileText,
BarChart3,
Settings,
Bug,
ScrollText,
Trash2,
CalendarOff,
Clock
} from "lucide-react";
import { useAuth } from "../app/AuthContext";
import { isNavItemVisible } from "../app/navPermissions";
const menu = [
{ icon: Home, label: "Home" },
{ icon: Users, label: "Mitarbeiter" },
{ icon: Building2, label: "Kunden" },
{ icon: CalendarDays, label: "Disposition" },
{ icon: CalendarOff, label: "Abwesenheiten" },
{ icon: Clock, label: "Zeiterfassung" },
{ icon: Calculator, label: "Kalkulation" },
{ icon: Car, label: "Fahrzeuge" },
{ icon: FileText, label: "Rechnungen" },
{ icon: BarChart3, label: "Controlling" },
{ icon: Settings, label: "Einstellungen" },
{ icon: Bug, label: "Debug" },
{ icon: ScrollText, label: "Audit-Log" },
{ icon: Trash2, label: "Papierkorb" }
];
export default function Sidebar({
activePage,
onNavigate
}) {
const { hasPermission } = useAuth();
const items = menu.filter((item) => isNavItemVisible(item.label, hasPermission));
return (
<aside className="sidebar">
<div className="sidebar-logo">
<img
src={logo}
alt="Omsorg"
/>
<div>
<h2>OMSORG</h2>
<p>
Business Controls Pro
</p>
</div>
</div>
<nav>
{items.map((item) => {
const Icon = item.icon;
const active =
activePage === item.label;
return (
<button
key={item.label}
className={
active
? "menu-button active"
: "menu-button"
}
onClick={() =>
onNavigate(item.label)
}
>
<Icon size={20} />
<span>{item.label}</span>
</button>
);
})}
</nav>
</aside>
);
}