From 6c702326adc95484c600097885bf23a586a5c7e2 Mon Sep 17 00:00:00 2001
From: Altay <altay@zebrastik.com>
Date: Fri, 15 Dec 2023 09:22:41 +0300
Subject: [PATCH] chore: wip

---
 .../(.)episodes/[id]/{page.tsx => _page.tsx}  |  0
 components/episode-ai-thingy.tsx              | 62 +++++++++----------
 2 files changed, 31 insertions(+), 31 deletions(-)
 rename app/@modal/(.)episodes/[id]/{page.tsx => _page.tsx} (100%)

diff --git a/app/@modal/(.)episodes/[id]/page.tsx b/app/@modal/(.)episodes/[id]/_page.tsx
similarity index 100%
rename from app/@modal/(.)episodes/[id]/page.tsx
rename to app/@modal/(.)episodes/[id]/_page.tsx
diff --git a/components/episode-ai-thingy.tsx b/components/episode-ai-thingy.tsx
index 90577e3..29de79a 100644
--- a/components/episode-ai-thingy.tsx
+++ b/components/episode-ai-thingy.tsx
@@ -128,39 +128,39 @@ export function EpisodeAIThingy(props: Props) {
   }, [state]);
 
   return (
-    <Box id={props.id.toString()} position="relative">
-      {state.type === 'success' ? null : (
-        <Flex
-          align="center"
-          height="100%"
-          justify="center"
-          left="0"
-          position="absolute"
-          style={{ backdropFilter: 'blur(3px)', borderRadius: 10, zIndex: 1 }}
-          top="0"
-          width="100%"
-        >
-          <Button highContrast onClick={doTheThingy} size="4">
-            <Flex align="center" gap="2" justify="center">
-              <Text mt="1" size="6" trim="both">
-                <PiRobotBold />
-              </Text>
-
-              <Text
-                style={{
-                  textTransform: 'uppercase',
-                }}
-                weight="bold"
-              >
-                {buttonText}
-              </Text>
-            </Flex>
-          </Button>
-        </Flex>
-      )}
-
+    <Box id={props.id.toString()}>
       <CollapsiblePanel open={state.type === 'success'} title="Episode summary">
         <MockAIThingy />
+
+        {state.type === 'success' ? null : (
+          <Flex
+            align="center"
+            height="100%"
+            justify="center"
+            left="0"
+            position="absolute"
+            style={{ backdropFilter: 'blur(3px)', borderRadius: 10, zIndex: 1 }}
+            top="0"
+            width="100%"
+          >
+            <Button highContrast onClick={doTheThingy} size="4">
+              <Flex align="center" gap="2" justify="center">
+                <Text mt="1" size="6" trim="both">
+                  <PiRobotBold />
+                </Text>
+
+                <Text
+                  style={{
+                    textTransform: 'uppercase',
+                  }}
+                  weight="bold"
+                >
+                  {buttonText}
+                </Text>
+              </Flex>
+            </Button>
+          </Flex>
+        )}
       </CollapsiblePanel>
     </Box>
   );