diff --git a/ui/page/livestream/view.jsx b/ui/page/livestream/view.jsx index 9910e3e52..f894234be 100644 --- a/ui/page/livestream/view.jsx +++ b/ui/page/livestream/view.jsx @@ -61,6 +61,7 @@ export default function CreatorDashboardPage(props: Props) { const [isFetching, setIsFetching] = React.useState(true); const [isLive, setIsLive] = React.useState(false); const [livestreamClaim, setLivestreamClaim] = React.useState(false); + const [livestreamClaims, setLivestreamClaims] = React.useState(false); React.useEffect(() => { if (!activeChannelClaimStr) return; @@ -76,6 +77,7 @@ export default function CreatorDashboardPage(props: Props) { if (res && res.items && res.items.length > 0) { const claim = res.items[res.items.length - 1]; setLivestreamClaim(claim); + setLivestreamClaims(res.items.reverse()); } else { setIsFetching(false); } @@ -150,12 +152,21 @@ export default function CreatorDashboardPage(props: Props) { } {/* Stream Claim(s) */} - { livestreamClaim ? ( + { livestreamClaim && livestreamClaims ? (

Your LiveStream Claims

+ + {livestreamClaims.map(claim => ( + + ))} + + {/*

Your LiveStream Claims

+ />*/}
) : (
@@ -172,7 +183,7 @@ export default function CreatorDashboardPage(props: Props) { )} {/* Debug Stuff */} - { streamKey && ( + { streamKey && false && (

Debug Info