mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-04-25 00:36:31 +02:00
93d17b51f5
- Added notifications table to the database schema with replication support for Electric SQL. - Developed NotificationService to manage indexing notifications, including creation, updates, and status tracking. - Introduced NotificationButton and NotificationPopup components for displaying notifications in the UI. - Enhanced useNotifications hook for real-time notification syncing using PGlite live queries. - Updated package dependencies for Electric SQL and improved error handling in notification processes.
53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
"use client";
|
|
|
|
import { Moon, Sun } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
|
|
import { NotificationButton } from "@/components/notifications/NotificationButton";
|
|
|
|
interface HeaderProps {
|
|
breadcrumb?: React.ReactNode;
|
|
languageSwitcher?: React.ReactNode;
|
|
theme?: string;
|
|
onToggleTheme?: () => void;
|
|
mobileMenuTrigger?: React.ReactNode;
|
|
}
|
|
|
|
export function Header({
|
|
breadcrumb,
|
|
languageSwitcher,
|
|
theme,
|
|
onToggleTheme,
|
|
mobileMenuTrigger,
|
|
}: HeaderProps) {
|
|
return (
|
|
<header className="sticky top-0 z-10 flex h-14 shrink-0 items-center gap-2 border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60 px-4">
|
|
{/* Left side - Mobile menu trigger + Breadcrumb */}
|
|
<div className="flex flex-1 items-center gap-2 min-w-0">
|
|
{mobileMenuTrigger}
|
|
{breadcrumb}
|
|
</div>
|
|
|
|
{/* Right side - Actions */}
|
|
<div className="flex items-center gap-2">
|
|
{/* Notifications */}
|
|
<NotificationButton />
|
|
|
|
{/* Theme toggle */}
|
|
{onToggleTheme && (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button variant="outline" size="icon" onClick={onToggleTheme} className="h-8 w-8">
|
|
{theme === "dark" ? <Sun className="h-4 w-4" /> : <Moon className="h-4 w-4" />}
|
|
<span className="sr-only">Toggle theme</span>
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent>{theme === "dark" ? "Light mode" : "Dark mode"}</TooltipContent>
|
|
</Tooltip>
|
|
)}
|
|
|
|
{languageSwitcher}
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|