chore: wip

experiment-station · Dec 15, 2023 · 6c70232 · 6c70232
1 parent c82f5e8
commit 6c70232
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 31 deletions.
diff --git a/app/@modal/(.)episodes/[id]/page.tsx → app/@modal/(.)episodes/[id]/_page.tsx b/app/@modal/(.)episodes/[id]/page.tsx → app/@modal/(.)episodes/[id]/_page.tsx
diff --git 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>
   );