|
@@ -1,16 +1,19 @@
|
|
|
-import { Outlet } from 'react-router-dom';
|
|
|
|
|
|
|
+import { Outlet, useSearchParams } from 'react-router-dom';
|
|
|
|
|
|
|
|
import Footerbar from '@/components/Footerbar';
|
|
import Footerbar from '@/components/Footerbar';
|
|
|
import Topbar from '@/components/Topbar';
|
|
import Topbar from '@/components/Topbar';
|
|
|
|
|
|
|
|
const BasicLayout = () => {
|
|
const BasicLayout = () => {
|
|
|
|
|
+ const [searchParams] = useSearchParams();
|
|
|
|
|
+ const isEmbedded = searchParams.get('embed') === '1';
|
|
|
|
|
+
|
|
|
return (
|
|
return (
|
|
|
<div className="min-h-full bg-black flex flex-col">
|
|
<div className="min-h-full bg-black flex flex-col">
|
|
|
- <Topbar />
|
|
|
|
|
- <main className="pt-[81px] flex-1 min-h-0">
|
|
|
|
|
|
|
+ {!isEmbedded && <Topbar />}
|
|
|
|
|
+ <main className={isEmbedded ? 'flex-1 min-h-0' : 'pt-[81px] flex-1 min-h-0'}>
|
|
|
<Outlet />
|
|
<Outlet />
|
|
|
</main>
|
|
</main>
|
|
|
- <Footerbar />
|
|
|
|
|
|
|
+ {!isEmbedded && <Footerbar />}
|
|
|
</div>
|
|
</div>
|
|
|
);
|
|
);
|
|
|
};
|
|
};
|