Function WeeklyDigest

packages/email/src/emails/weekly-digest.tsx:38–96

({
  projectName,
  dashboardUrl = 'https://dashboard.openpanel.dev',
  dateRange,
  narrative,
  stats,
  insights,
  unsubscribeUrl,
}: Props & { unsubscribeUrl?: string })

}

export function WeeklyDigest({
  projectName,
  dashboardUrl = 'https://dashboard.openpanel.dev',
  dateRange,
  narrative,
  stats,
  insights,
  unsubscribeUrl,
}: Props & { unsubscribeUrl?: string }) {
  return (
    <Layout unsubscribeUrl={unsubscribeUrl}>
      <Heading as="h2" className="text-xl font-semibold">
        Your week on {projectName}
      </Heading>
      <Text className="text-sm text-gray-500">{dateRange}</Text>

      {narrative && <Text>{narrative}</Text>}

      {stats.length > 0 && (
        <Section className="my-4">
          {stats.map((s) => (
            <Text key={s.label} className="my-1">
              <strong>{s.value}</strong> {s.label}
              {s.delta && (
                <span style={{ color: deltaColor(s.direction) }}>
                  {' '}
                  ({s.delta})
                </span>
              )}
            </Text>
          ))}
        </Section>
      )}

      {insights.length > 0 && (
        <>
          <Hr />
          <Heading as="h3" className="text-base font-semibold">
            What stood out
          </Heading>
          <List
            items={insights.map((i) => (
              <span key={i.title}>
                <strong>{i.title}</strong>
                {i.summary ? ` — ${i.summary}` : ''}
              </span>
            ))}
          />
        </>
      )}

      <Section className="mt-6">
        <Link href={withUtm(dashboardUrl, 'weekly-digest')}>
          Open your dashboard →
        </Link>
      </Section>
    </Layout>
  );