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.
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import {Lock} from 'lucide-react';
|
|
import IconContainer from "@/components/ui/IconContainer";
|
|
|
|
interface LockCardProps {
|
|
title: string;
|
|
description: string;
|
|
}
|
|
|
|
export default function LockCard({title, description}: LockCardProps): React.JSX.Element {
|
|
return (
|
|
<div className="flex flex-col h-full bg-tertiary">
|
|
<div className="flex-1 p-6 overflow-y-auto flex items-center justify-center">
|
|
<div className="max-w-md mx-auto">
|
|
<div className="bg-tertiary rounded-2xl p-8 text-center">
|
|
<div className="mx-auto mb-6">
|
|
<IconContainer icon={Lock} size="xl" shape="rounded" filled/>
|
|
</div>
|
|
<h3 className="text-xl font-['ADLaM_Display'] text-text-primary mb-4">
|
|
{title}
|
|
</h3>
|
|
<p className="text-muted leading-relaxed text-lg">
|
|
{description}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|