From 805c80face27620af1ea834dee366a42ba2e0380 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Wed, 8 May 2024 19:29:51 +0530
Subject: [PATCH] Inline

---
 .../cast/src/components/PairingComplete.tsx   | 37 ------------------
 web/apps/cast/src/pages/slideshow.tsx         | 38 ++++++++++++++++++-
 2 files changed, 37 insertions(+), 38 deletions(-)
 delete mode 100644 web/apps/cast/src/components/PairingComplete.tsx

diff --git a/web/apps/cast/src/components/PairingComplete.tsx b/web/apps/cast/src/components/PairingComplete.tsx
deleted file mode 100644
index 6681ccb64..000000000
--- a/web/apps/cast/src/components/PairingComplete.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { styled } from "@mui/material";
-import { FilledCircleCheck } from "./FilledCircleCheck";
-
-export const PairingComplete: React.FC = () => {
-    return (
-        <PairingComplete_>
-            <Items>
-                <FilledCircleCheck />
-                <h2>Pairing Complete</h2>
-                <p>
-                    We're preparing your album.
-                    <br /> This should only take a few seconds.
-                </p>
-            </Items>
-        </PairingComplete_>
-    );
-};
-
-const PairingComplete_ = styled("div")`
-    display: flex;
-    min-height: 100svh;
-    justify-content: center;
-    align-items: center;
-
-    line-height: 1.5rem;
-
-    h2 {
-        margin-block-end: 0;
-    }
-`;
-
-const Items = styled("div")`
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    text-align: center;
-`;
diff --git a/web/apps/cast/src/pages/slideshow.tsx b/web/apps/cast/src/pages/slideshow.tsx
index 50317dca8..cc14c6d08 100644
--- a/web/apps/cast/src/pages/slideshow.tsx
+++ b/web/apps/cast/src/pages/slideshow.tsx
@@ -1,5 +1,6 @@
 import log from "@/next/log";
-import { PairingComplete } from "components/PairingComplete";
+import { styled } from "@mui/material";
+import { FilledCircleCheck } from "components/FilledCircleCheck";
 import { SlideView } from "components/Slide";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
@@ -52,3 +53,38 @@ export default function Slideshow() {
 
     return <SlideView url={imageURL} nextURL={nextImageURL} />;
 }
+
+const PairingComplete: React.FC = () => {
+    return (
+        <PairingComplete_>
+            <Items>
+                <FilledCircleCheck />
+                <h2>Pairing Complete</h2>
+                <p>
+                    We're preparing your album.
+                    <br /> This should only take a few seconds.
+                </p>
+            </Items>
+        </PairingComplete_>
+    );
+};
+
+const PairingComplete_ = styled("div")`
+    display: flex;
+    min-height: 100svh;
+    justify-content: center;
+    align-items: center;
+
+    line-height: 1.5rem;
+
+    h2 {
+        margin-block-end: 0;
+    }
+`;
+
+const Items = styled("div")`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+`;