diff --git a/app/alerts-settings/page.tsx b/app/alerts-settings/page.tsx
index 5a42c70..14ce7f5 100644
--- a/app/alerts-settings/page.tsx
+++ b/app/alerts-settings/page.tsx
@@ -2,7 +2,7 @@
import { useEffect, useMemo, useState } from "react";
import { useRouter } from "next/navigation";
-import { apiFetch } from "@/lib/api";
+import { apiFetch, apiPost } from "@/lib/api";
import type { AlertListResponse, AlertItem } from "@/lib/types/alert";
import { alertItemAsNarrativeHandoff, stashNarrativeHandoff } from "@/lib/narrativeHandoff";
import { useNotifications } from "@/components/layout/NotificationContext";
@@ -88,6 +88,16 @@ export default function AlertsSettingsPage() {
const { compactMode, setCompactMode } = useSidebar();
const { isDark, toggle: toggleTheme } = useTheme();
+ const [subEmail, setSubEmail] = useState("");
+ const [subLoading, setSubLoading] = useState(false);
+ const [subMessage, setSubMessage] = useState("");
+ const [subError, setSubError] = useState(false);
+
+ const [unsubEmail, setUnsubEmail] = useState("");
+ const [unsubLoading, setUnsubLoading] = useState(false);
+ const [unsubMessage, setUnsubMessage] = useState("");
+ const [unsubError, setUnsubError] = useState(false);
+
useEffect(() => {
let cancelled = false;
(async () => {
@@ -114,6 +124,47 @@ export default function AlertsSettingsPage() {
return () => { cancelled = true; };
}, [sortFilter]);
+ async function handleSubscribe() {
+ if (!notifHighRisk && !notifMediumRisk) {
+ setSubMessage("Select at least one risk level above.");
+ setSubError(true);
+ return;
+ }
+ setSubLoading(true);
+ setSubMessage("");
+ try {
+ const res = await apiPost<{ ok: boolean; detail: string }>("/alerts/subscribe", {
+ email: subEmail,
+ notify_high_risk: notifHighRisk,
+ notify_medium_risk: notifMediumRisk,
+ });
+ setSubMessage(res.detail);
+ setSubError(false);
+ } catch {
+ setSubMessage("Failed to subscribe. Please try again.");
+ setSubError(true);
+ } finally {
+ setSubLoading(false);
+ }
+ }
+
+ async function handleUnsubscribe() {
+ setUnsubLoading(true);
+ setUnsubMessage("");
+ try {
+ const res = await apiPost<{ ok: boolean; detail: string }>("/alerts/unsubscribe", {
+ email: unsubEmail,
+ });
+ setUnsubMessage(res.detail);
+ setUnsubError(!res.ok);
+ } catch {
+ setUnsubMessage("This email is not currently subscribed.");
+ setUnsubError(true);
+ } finally {
+ setUnsubLoading(false);
+ }
+ }
+
const filterOptions: SortFilter[] = ["All", "High", "Medium", "Low"];
const filtered = useMemo(() => {
@@ -280,6 +331,70 @@ export default function AlertsSettingsPage() {
>
+
+ {/* Subscribe */}
+
+
+ Subscribe to Email Alerts
+
+
+ Receive narrative alerts at the selected risk levels above
+
+
+ { setSubEmail(e.target.value); setSubMessage(""); }}
+ className="flex-1 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm text-zinc-900 placeholder:text-zinc-400 outline-none focus:ring-2 focus:ring-zinc-900/20 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-500 dark:focus:ring-zinc-400/30"
+ />
+
+
+ {subMessage && (
+
+ {subMessage}
+
+ )}
+
+
+ Unsubscribe from Email Alerts
+
+
+ Stop receiving narrative alert emails
+
+
+ { setUnsubEmail(e.target.value); setUnsubMessage(""); }}
+ className="flex-1 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm text-zinc-900 placeholder:text-zinc-400 outline-none focus:ring-2 focus:ring-zinc-900/20 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-500 dark:focus:ring-zinc-400/30"
+ />
+
+
+ {unsubMessage && (
+
+ {unsubMessage}
+
+ )}
+
-
-
-
-
-
-
-
YouTube Intelligence
-
- Senior Design Team 10 | Security Portal
-
-
-
-
-
-
-
- Authorized Personnel Only
-
-
-
-
- {!isLoginPage &&
}
+
- {!isLoginPage &&
}
+
{/* ── Site Footer ───────────────────────────────────────────────── */}
- {!isLoginPage &&
- }
+
diff --git a/lib/api.ts b/lib/api.ts
index 18e8c3f..2d9a34b 100644
--- a/lib/api.ts
+++ b/lib/api.ts
@@ -15,3 +15,16 @@ export async function apiFetch(
if (!res.ok) throw new Error(`API ${path}: ${res.status}`);
return res.json() as Promise;
}
+
+export async function apiPost(
+ path: string,
+ body: Record,
+): Promise {
+ const res = await fetch(`${API_BASE}${path}`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify(body),
+ });
+ if (!res.ok) throw new Error(`API ${path}: ${res.status}`);
+ return res.json() as Promise;
+}
diff --git a/next.config.ts b/next.config.ts
index c2792f4..5036a48 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -4,6 +4,11 @@ const nextConfig: NextConfig = {
experimental: {
viewTransition: true,
},
+ async redirects() {
+ return [
+ { source: "/", destination: "/executive-overview", permanent: false },
+ ];
+ },
};
export default nextConfig;