From 84f993200bbe0e476e76bdedcb3ff36dfb43c981 Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Mon, 29 Mar 2021 23:07:54 -0400
Subject: [PATCH] split, dedup pending and ready livestream uploads

---
 ui/page/livestreamSetup/view.jsx | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/ui/page/livestreamSetup/view.jsx b/ui/page/livestreamSetup/view.jsx
index a4cad24a5..25d0b7472 100644
--- a/ui/page/livestreamSetup/view.jsx
+++ b/ui/page/livestreamSetup/view.jsx
@@ -194,6 +194,7 @@ export default function LivestreamSetupPage(props: Props) {
             )}
             {streamKey && totalLivestreamClaims.length > 0 && (
               <Card
+                className="section"
                 title={__('Your stream key')}
                 actions={
                   <>
@@ -217,10 +218,25 @@ export default function LivestreamSetupPage(props: Props) {
             )}
 
             {totalLivestreamClaims.length > 0 ? (
-              <ClaimList
-                header={__('Your livestream uploads')}
-                uris={totalLivestreamClaims.map((claim) => claim.permanent_url)}
-              />
+              <>
+                {Boolean(pendingLiveStreamClaims.length) && (
+                  <div className="section">
+                    <ClaimList
+                      header={__('Your pending livestream uploads')}
+                      uris={pendingLiveStreamClaims.map((claim) => claim.permanent_url)}
+                    />
+                  </div>
+                )}
+                <div className="section">
+                  <ClaimList
+                    className="section"
+                    header={__('Your livestream uploads')}
+                    uris={livestreamClaims
+                      .filter((c) => !pendingLiveStreamClaims.some((p) => p.permanent_url === c.permanent_url))
+                      .map((claim) => claim.permanent_url)}
+                  />
+                </div>
+              </>
             ) : (
               <Yrbl
                 className="livestream__publish-intro"