gtd/app/src/widget/render.tsx

"use no memo";
// One source of truth for what the widget shows: the same selectors the home
// screen uses, so widget and app always agree on the top three.
import { getState, todayTasks, visibleTasksByStatus } from "../lib/store";
import { NextUpWidget } from "./NextUpWidget";

/** Must match the widget `name` in app.json's react-native-android-widget plugin config. */
export const WIDGET_NAME = "NextUp";

export function renderNextUpWidget() {
  const s = getState();
  const next = visibleTasksByStatus(s, "next");
  return <NextUpWidget tasks={next.slice(0, 3)} totalNext={next.length} overdueCount={todayTasks(s).overdue.length} />;
}