Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

chore: add ids

Browse Source
This commit is contained in:
Kieran
2023-12-04 12:28:45 +00:00
parent a560cdba76
commit 59ee653348
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/summary.tsx
View File

@ -136,6 +136,7 @@ export function StreamSummary({ link, preload }: { link: NostrLink; preload?: No
{streamLength > 0 && ( {streamLength > 0 && (
<FormattedMessage <FormattedMessage
defaultMessage="Stream Duration {duration} mins" defaultMessage="Stream Duration {duration} mins"
id="J/+m9y"
values={{ values={{
duration: <FormattedNumber value={streamLength / 60} maximumFractionDigits={2} />, duration: <FormattedNumber value={streamLength / 60} maximumFractionDigits={2} />,
}} }}
@ -143,7 +144,7 @@ export function StreamSummary({ link, preload }: { link: NostrLink; preload?: No
)} )}
</div> </div>
<h2> <h2>
<FormattedMessage defaultMessage="Summary" /> <FormattedMessage defaultMessage="Summary" id="RrCui3" />
</h2> </h2>
<ResponsiveContainer height={200}> <ResponsiveContainer height={200}>
<BarChart data={Object.values(stats)} margin={{ left: 0, right: 0 }} style={{ userSelect: "none" }}> <BarChart data={Object.values(stats)} margin={{ left: 0, right: 0 }} style={{ userSelect: "none" }}>
@ -164,19 +165,19 @@ export function StreamSummary({ link, preload }: { link: NostrLink; preload?: No
</div> </div>
<div className="flex justify-between"> <div className="flex justify-between">
<div> <div>
<FormattedMessage defaultMessage="Messages" /> <FormattedMessage defaultMessage="Messages" id="hMzcSq" />
</div> </div>
<div>{data.messages}</div> <div>{data.messages}</div>
</div> </div>
<div className="flex justify-between"> <div className="flex justify-between">
<div> <div>
<FormattedMessage defaultMessage="Reactions" /> <FormattedMessage defaultMessage="Reactions" id="XgWvGA" />
</div> </div>
<div>{data.reactions}</div> <div>{data.reactions}</div>
</div> </div>
<div className="flex justify-between"> <div className="flex justify-between">
<div> <div>
<FormattedMessage defaultMessage="Zaps" /> <FormattedMessage defaultMessage="Zaps" id="OEW7yJ" />
</div> </div>
<div>{data.zaps}</div> <div>{data.zaps}</div>
</div> </div>
@ -192,7 +193,7 @@ export function StreamSummary({ link, preload }: { link: NostrLink; preload?: No
<div className="flex gap-1"> <div className="flex gap-1">
<div className="plain-paper flex-1"> <div className="plain-paper flex-1">
<h3> <h3>
<FormattedMessage defaultMessage="Top Chatters" /> <FormattedMessage defaultMessage="Top Chatters" id="GGaJMU" />
</h3> </h3>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
{chatSummary.slice(0, 5).map(a => ( {chatSummary.slice(0, 5).map(a => (
@ -201,6 +202,7 @@ export function StreamSummary({ link, preload }: { link: NostrLink; preload?: No
<div> <div>
<FormattedMessage <FormattedMessage
defaultMessage="{n} messages" defaultMessage="{n} messages"
id="gzsn7k"
values={{ values={{
n: <FormattedNumber value={a.messages.length} />, n: <FormattedNumber value={a.messages.length} />,
}} }}
@ -212,7 +214,7 @@ export function StreamSummary({ link, preload }: { link: NostrLink; preload?: No
</div> </div>
<div className="plain-paper flex-1"> <div className="plain-paper flex-1">
<h3> <h3>
<FormattedMessage defaultMessage="Top Zappers" /> <FormattedMessage defaultMessage="Top Zappers" id="dVD/AR" />
</h3> </h3>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
{zapsSummary.slice(0, 5).map(a => ( {zapsSummary.slice(0, 5).map(a => (
@ -221,6 +223,7 @@ export function StreamSummary({ link, preload }: { link: NostrLink; preload?: No
<div> <div>
<FormattedMessage <FormattedMessage
defaultMessage="{n} sats" defaultMessage="{n} sats"
id="CsCUYo"
values={{ values={{
n: formatSats(a.total), n: formatSats(a.total),
}} }}