mirror of
https://github.com/AutoMaker-Org/automaker.git
synced 2026-02-02 20:43:36 +00:00
da78bed47d
- Move api-keys-section.tsx into api-keys/ folder - Move child components (api-key-field, authentication-status-display, security-notice) into api-keys/ - Move custom hook (use-api-key-management) into api-keys/hooks/ - Move config (api-provider-config) into api-keys/config/ - Update import paths in use-api-key-management.ts - Update settings-view.tsx to import from new location - All TypeScript diagnostics passing - Improves code organization and maintainability
22 lines
720 B
TypeScript
22 lines
720 B
TypeScript
import { AlertCircle } from "lucide-react";
|
|
|
|
interface SecurityNoticeProps {
|
|
title?: string;
|
|
message?: string;
|
|
}
|
|
|
|
export function SecurityNotice({
|
|
title = "Security Notice",
|
|
message = "API keys are stored in your browser's local storage. Never share your API keys or commit them to version control.",
|
|
}: SecurityNoticeProps) {
|
|
return (
|
|
<div className="flex items-start gap-3 p-4 rounded-lg bg-yellow-500/10 border border-yellow-500/20">
|
|
<AlertCircle className="w-5 h-5 text-yellow-500 mt-0.5 shrink-0" />
|
|
<div className="text-sm">
|
|
<p className="font-medium text-yellow-500">{title}</p>
|
|
<p className="text-yellow-500/80 text-xs mt-1">{message}</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|