d4765e6576
- Introduced foundational UI components (`Badge`, `LockCard`, `SectionHeader`, `AvatarIcon`, etc.) for flexible layouts and consistent design. - Added migration support with the `MigrationModal` component and backend integration for exporting/importing data between Electron and Tauri. - Extended form components with `TextAreaInput`, `OrderInput`, `ToggleField`, and `ToolbarSelect` for improved input handling. - Updated `ScribeShell` with migration popup logic to prompt users for data migration. - Integrated `AlertStack` for better alert handling and notification management. - Enhanced Rust/Tauri services with migration command implementations. - Added translations and styles for new components.
27 lines
971 B
TypeScript
27 lines
971 B
TypeScript
import React, {ReactNode} from 'react';
|
|
import {LucideIcon} from 'lucide-react';
|
|
import IconContainer from "@/components/ui/IconContainer";
|
|
|
|
interface DetailHeroSectionProps {
|
|
icon: LucideIcon;
|
|
title: string;
|
|
children?: ReactNode;
|
|
}
|
|
|
|
export default function DetailHeroSection({icon, title, children}: DetailHeroSectionProps): React.JSX.Element {
|
|
return (
|
|
<div
|
|
className="p-6 bg-gradient-to-r from-primary/10 via-darkest-background to-transparent rounded-2xl border border-secondary">
|
|
<div className="flex items-start gap-4">
|
|
<div className="shrink-0">
|
|
<IconContainer icon={icon} size="lg" shape="square"/>
|
|
</div>
|
|
<div className="flex-1 min-w-0">
|
|
<h2 className="text-2xl font-bold text-text-primary">{title}</h2>
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|