From 1898a52b69292373cfc1912284995d442b441e17 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Wed, 26 Jun 2024 23:00:28 +0800
Subject: [PATCH] moar

---
 apps/studio-prototype/src/app/[org]/layout.tsx      |  3 ++-
 .../src/app/[org]/project-content-transition.tsx    | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 apps/studio-prototype/src/app/[org]/project-content-transition.tsx

diff --git a/apps/studio-prototype/src/app/[org]/layout.tsx b/apps/studio-prototype/src/app/[org]/layout.tsx
index e79fb139a31..5ef29438b46 100644
--- a/apps/studio-prototype/src/app/[org]/layout.tsx
+++ b/apps/studio-prototype/src/app/[org]/layout.tsx
@@ -3,6 +3,7 @@ import SettingsMenuPanel from './settings-menu-panel'
 import TopHeader from './top-header'
 import { motion } from 'framer-motion'
 import EntranceTransition from './entrance-transition'
+import ProjectContentTransition from './project-content-transition'
 
 export default function OrgLayout({
   children,
@@ -15,7 +16,7 @@ export default function OrgLayout({
         <SettingsMenuPanel />
         <div className="flex flex-col grow">
           <TopHeader />
-          {children}
+          <ProjectContentTransition>{children}</ProjectContentTransition>
         </div>
       </EntranceTransition>
       <RedirectCatcher />
diff --git a/apps/studio-prototype/src/app/[org]/project-content-transition.tsx b/apps/studio-prototype/src/app/[org]/project-content-transition.tsx
new file mode 100644
index 00000000000..00a37970f20
--- /dev/null
+++ b/apps/studio-prototype/src/app/[org]/project-content-transition.tsx
@@ -0,0 +1,13 @@
+'use client'
+
+export default function ProjectContentTransition({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <>
+      <div className="grow">{children}</div>
+    </>
+  )
+}