MohFarawati
d48497b992
CI / quality (push) Waiting to run
Phase 1 cleanup of the personal-site revamp. Backend/architecture untouched; changes are limited to removing unused complexity and restoring feedback. Removals - Toast system: delete react-hot-toast, Toaster, QueryToastBridge, lib/toast, the toggle/easter-egg calls, related i18n keys and the dependency. - Contact protection: remove Turnstile + per-IP rate limiting (lib/contact-guard, lib/contact-protection, admin screen, form widget, app-config wiring, nav entry, test). - Speculative specs: delete orders, products, downloads, project-inquiry. Inline feedback (replaces toast, no new deps) - Add lib/admin-feedback (withFlash/readFlash) and components/admin/admin-flash, rendered centrally by AdminDashboardShell. - Emit success/error messages for media, site-settings, portfolio, smtp, marquee and maintenance actions; pages read them via searchParams. - Contact form shows validation/delivery errors inline; success still redirects to /success. Docs - Fix stale paths in frontend-system-* (components/root -> components/admin, lib/root-navigation -> lib/admin-navigation, drop phantom src/) and remove contact-protection references from docs and CLAUDE.md. - Add docs/PHASE0_DIAGNOSIS.md (diagnosis report). Note: proxy.ts self-fetch kept intentionally; it also drives maintenance mode.
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import type { FlashMessages } from "@/lib/admin-feedback";
|
|
|
|
type AdminFlashProps = FlashMessages & {
|
|
className?: string;
|
|
};
|
|
|
|
/**
|
|
* Inline feedback banner for admin pages. Renders a success and/or error
|
|
* message inside the page (replacing the removed toast system). Purely
|
|
* presentational — no client state, no data access.
|
|
*/
|
|
export function AdminFlash({ success, error, className }: AdminFlashProps) {
|
|
if (!success && !error) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div className={className ? `space-y-2 ${className}` : "space-y-2"}>
|
|
{success ? (
|
|
<p
|
|
role="status"
|
|
aria-live="polite"
|
|
className="rounded-nested border border-status-success/30 bg-status-success-soft px-4 py-3 text-sm font-medium text-status-success"
|
|
>
|
|
{success}
|
|
</p>
|
|
) : null}
|
|
{error ? (
|
|
<p
|
|
role="alert"
|
|
className="rounded-nested border border-destructive/30 bg-destructive/10 px-4 py-3 text-sm font-medium text-destructive"
|
|
>
|
|
{error}
|
|
</p>
|
|
) : null}
|
|
</div>
|
|
);
|
|
}
|