const { useState, useEffect } = React; // Campaign ids are only unique per gophish instance, so a campaign is keyed by // (serverId, id) across all of a company's servers. const keyOf = (c) => `${c.serverId}:${c.id}`; function Portal({ client, campaigns, degraded, loadCampaign, onLogout, adminBack, onProfile }) { const [activeKey, setActiveKey] = useState(campaigns[0] ? keyOf(campaigns[0]) : null); const [details, setDetails] = useState({}); // "serverId:id" -> aggregated campaign const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [menu, setMenu] = useState(false); const activeSummary = campaigns.find((c) => keyOf(c) === activeKey) || null; const multiServer = new Set(campaigns.map((c) => c.serverId)).size > 1; // Load (and cache) the aggregated detail for the selected campaign. useEffect(() => { if (!activeSummary || details[activeKey]) return; let cancelled = false; setLoading(true); setError(""); loadCampaign(activeSummary.serverId, activeSummary.id) .then((c) => { if (!cancelled) setDetails((d) => ({ ...d, [activeKey]: c })); }) .catch(() => { if (!cancelled) setError("Kampagnendaten konnten nicht geladen werden."); }) .finally(() => { if (!cancelled) setLoading(false); }); return () => { cancelled = true; }; }, [activeKey, activeSummary, details, loadCampaign]); useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, [activeKey, menu, loading, details]); const initials = (client.ciso || "?").split(" ").map((w) => w[0]).slice(-2).join(""); const active = activeKey != null ? details[activeKey] : null; return (
{/* Kopfzeile */}
Datavise Awareness Portal{adminBack ? ` · ${client.name}` : ""}
{adminBack && (<> Admin-Vorschau )} {!adminBack && (<> Verschlüsselte Sitzung
{menu && (
{client.cisoRole}
{client.email}
Branche: {client.industry}
{onProfile && ( )}
)}
)}
{/* DSGVO-Banner */}
DSGVO-konform: Alle Ergebnisse werden serverseitig anonymisiert und aggregiert. Eine Zuordnung zu einzelnen Mitarbeitenden ist ausgeschlossen.
{degraded && (
Live-Verbindung zur Kampagnen-Datenquelle derzeit nicht erreichbar.
)} {/* Kampagnen-Auswahl */}
Ihre Kampagnen
{campaigns.length === 0 ? (
Es liegen noch keine Kampagnen-Ergebnisse vor.
) : (
{campaigns.map((c) => { const on = keyOf(c) === activeKey; return ( ); })}
)}
{/* Dashboard */}
{error ? (
{error}
) : active ? ( ) : campaigns.length > 0 ? (
) : null}
); } window.Portal = Portal;