arDTDev
3bd35ad852
- Implement real-time IO value updates via IOValueChanged event - Add interlock toggle and real-time interlock change events - Fix ToggleLight to check return value of DIO.SetRoomLight - Add HW status display in Footer matching WinForms HWState - Implement GetHWStatus API and 250ms broadcast interval - Create HistoryPage React component for work history viewing - Add GetHistoryData API for database queries - Add date range selection, search, filter, and CSV export - Add History button in Header navigation - Add PickerMoveDialog component for manage operations - Fix DataSet column names (idx, PRNATTACH, PRNVALID, qtymax) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
23 lines
801 B
TypeScript
23 lines
801 B
TypeScript
import React, { ReactNode } from 'react';
|
|
import { LucideIcon } from 'lucide-react';
|
|
|
|
interface PanelHeaderProps {
|
|
title: string;
|
|
icon: LucideIcon;
|
|
className?: string;
|
|
children?: ReactNode;
|
|
}
|
|
|
|
export const PanelHeader: React.FC<PanelHeaderProps> = ({ title, icon: Icon, className, children }) => (
|
|
<div className={`flex items-center gap-3 mb-6 border-b border-white/10 pb-2 ${className || ''}`}>
|
|
<div className="text-neon-blue animate-pulse">
|
|
<Icon className="w-5 h-5" />
|
|
</div>
|
|
<h2 className="text-lg font-tech font-bold text-white tracking-[0.1em] uppercase text-shadow-glow-blue">
|
|
{title}
|
|
</h2>
|
|
<div className="flex-1 h-px bg-gradient-to-r from-neon-blue/50 to-transparent"></div>
|
|
{children}
|
|
</div>
|
|
);
|