From 5e574d588f1cf778859e528716ae00e0e558c8c1 Mon Sep 17 00:00:00 2001
From: httpjamesm <github@httpjames.space>
Date: Thu, 23 Nov 2023 17:37:32 -0500
Subject: [PATCH] feat: show pairing complete overlay in slideshow

---
 apps/cast/src/pages/slideshow.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/apps/cast/src/pages/slideshow.tsx b/apps/cast/src/pages/slideshow.tsx
index 5d01aab4b..a3c6eb18f 100644
--- a/apps/cast/src/pages/slideshow.tsx
+++ b/apps/cast/src/pages/slideshow.tsx
@@ -1,4 +1,5 @@
 // import { Inter } from 'next/font/google';
+import PairedSuccessfullyOverlay from 'components/PairedSuccessfullyOverlay';
 import { useEffect, useState } from 'react';
 import { syncCollections } from 'services/collectionService';
 import { syncFiles } from 'services/fileService';
@@ -12,6 +13,8 @@ export default function Slideshow() {
         undefined
     );
 
+    const [loading, setLoading] = useState(true);
+
     const init = async () => {
         const collections = await syncCollections();
 
@@ -62,6 +65,8 @@ export default function Slideshow() {
         const url = URL.createObjectURL(blob);
 
         setRenderableFileURL(url);
+
+        setLoading(false);
     };
 
     useEffect(() => {
@@ -89,6 +94,7 @@ export default function Slideshow() {
                     }}
                 />
             </div>
+            {loading && <PairedSuccessfullyOverlay />}
         </>
     );
 }