Add foundational components and logic for migration, UI design, and input handling
- 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.
This commit is contained in:
16
components/ui/IconLabel.tsx
Normal file
16
components/ui/IconLabel.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
import React from "react";
|
||||
import {LucideIcon} from "lucide-react";
|
||||
|
||||
interface IconLabelProps {
|
||||
icon: LucideIcon;
|
||||
children: React.ReactNode;
|
||||
}
|
||||
|
||||
export default function IconLabel({icon: Icon, children}: IconLabelProps): React.JSX.Element {
|
||||
return (
|
||||
<div className="flex items-center gap-1.5">
|
||||
<Icon className="w-3 h-3 text-muted" strokeWidth={1.75}/>
|
||||
<span>{children}</span>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user