{!items.length ? No updates yet. Offers, notes and files Grok logs will be listed here. : null}
{fresh.length ? <>
New since your last visit
{fresh.map(row)} : null}
{older.length ? <>
Earlier
{older.map(row)} : null}
);
}
// The updates feed as a sheet, opened from the bell (phones and narrower screens).
function UpdatesSheet({ data, go, onClose }) {
const closeBtn = useRef(null);
useEffect(() => {
const onKey = (e) => { if (e.key === "Escape") onClose(); };
document.addEventListener("keydown", onKey);
const prev = document.activeElement;
if (closeBtn.current) closeBtn.current.focus();
return () => { document.removeEventListener("keydown", onKey); if (prev && prev.focus && document.contains(prev)) prev.focus(); };
}, []);
return (
<>
Grok and notifications
Updates
{data ? : Loading…}
);
}
// ── Home ────────────────────────────────────────────────────────────────────
function HomeView({ user, home, go, toast }) {
// Someone who only sees their own deals has nothing to switch between.
const ownOnly = user.sees === "own";
const [mine, setMine] = useState(!ownOnly && user.role === "Rep");
const [busy, setBusy] = useState(false);
const [picked, setPicked] = useState(null); // the list showing on phones and tablets
const [flash, setFlash] = useState(null);
const flashTimer = useRef(null);
useEffect(() => () => clearTimeout(flashTimer.current), []);
const d = useMemo(() => scopeHome(home.data, mine, user), [home.data, mine, user.id]);
if (home.error && !d) return
Couldn't load your overview: {home.error}
;
if (!d) return
Loading your overview…
;
const hour = new Date().getHours();
const hello = hour < 12 ? "Good morning" : hour < 18 ? "Good afternoon" : "Good evening";
const first = String(user.name || "").trim().split(/\s+/)[0];
const bits = [
d.newOffers.length ? plural(d.newOffers.length, "new offer") : "",
d.newFunded.length ? plural(d.newFunded.length, "deal") + " funded" : "",
d.declines.length ? plural(d.declines.length, "decline") : "",
d.newGrok.length ? plural(d.newGrok.length, "update") + " from Grok" : "",
].filter(Boolean);
const since = lower1(fmt.when(d.since));
const summary = d.firstVisit
? (bits.length ? `In the last 24 hours: ${bits.join(", ")}.` : "Nothing new in the last 24 hours.")
: (bits.length ? `Since you were last here ${since}: ${bits.join(", ")}.` : `Nothing new since you were last here ${since}.`);
const seen = async () => { setBusy(true); try { await home.markSeen(); toast("Marked as seen"); } catch (e) { toast(e.message, true); } setBusy(false); };
const unseen = d.newGrok.length + d.newNotices.length;
const clearItems = async (keys, restore) => {
try { await home.dismiss(keys, restore); if (keys.length > 1 || restore) toast(restore ? "Brought back" : `Cleared ${plural(keys.length, "item")}`); }
catch (e) { toast(e.message, true); }
};
// A figure at the top brings its list forward: on phones it becomes the one showing;
// on wide screens it is already on screen, so it lights up for a moment.
const show = (id) => {
setPicked(id); setFlash(id);
clearTimeout(flashTimer.current); flashTimer.current = setTimeout(() => setFlash(null), 1400);
requestAnimationFrame(() => { const el = document.getElementById("h-" + id); if (el) el.scrollIntoView({ behavior: "smooth", block: "nearest" }); });
};
const current = picked || (d.attention.length ? "attention" : d.offers.length ? "offers" : "attention");
const inPlay = d.pipeline.filter(p => p.status !== "funded" && p.status !== "declined");
const inPlayAmount = inPlay.reduce((t, p) => t + p.amount, 0), inPlayCount = inPlay.reduce((t, p) => t + p.count, 0);
const closed = d.pipeline.filter(p => p.status === "funded" || p.status === "declined");
const tile = (label, value, sub, onClick, cls) => (
);
const declinesLine = d.declines.length ? (
{plural(d.declines.length, "decline")} since your last visit: {d.declines.map((x, i) => {i ? "; " : ""} ({x.lender}))}
) : null;
// The month's total is in the figures above; this only speaks up when a funded deal can't be placed in a month.
const undatedLine = d.month.undated ? (
{plural(d.month.undated, "funded deal")} {d.month.undated === 1 ? "has" : "have"} no funding date and {d.month.undated === 1 ? "isn't" : "aren't"} counted. Add one under Edit deal.