From a5b3177394d0d9c93045006562e052fc083e60d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 4 May 2024 16:39:41 -0500
Subject: [PATCH] feat: no flex 1

---
 .../tankopedia/[id]/components/Model/HistoricalSection.tsx    | 2 +-
 .../tankopedia/[id]/components/Model/TechTreeSection.tsx      | 1 +
 src/app/tools/tankopedia/[id]/components/Videos.tsx           | 2 +-
 src/components/PageWrapper.tsx                                | 4 +++-
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/HistoricalSection.tsx b/src/app/tools/tankopedia/[id]/components/Model/HistoricalSection.tsx
index 9f680a7c2..360bff26e 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/HistoricalSection.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/HistoricalSection.tsx
@@ -8,7 +8,7 @@ export function HistoricalSection() {
   if (!tank.description) return null;
 
   return (
-    <PageWrapper>
+    <PageWrapper noFlex1>
       <Heading>History of the {tank.name}</Heading>
       <Text>{tank.description}</Text>
     </PageWrapper>
diff --git a/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection.tsx b/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection.tsx
index 830576853..dde77504b 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection.tsx
@@ -128,6 +128,7 @@ export function TechTreeSection() {
 
   return (
     <PageWrapper
+      noFlex1
       containerProps={{
         style: {
           overflow: 'hidden',
diff --git a/src/app/tools/tankopedia/[id]/components/Videos.tsx b/src/app/tools/tankopedia/[id]/components/Videos.tsx
index c6be7df2f..d370e7296 100644
--- a/src/app/tools/tankopedia/[id]/components/Videos.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Videos.tsx
@@ -14,7 +14,7 @@ export function Videos() {
   if (isFullScreen || videos.length === 0) return null;
 
   return (
-    <PageWrapper>
+    <PageWrapper noFlex1>
       <Flex direction="column" gap="4" align="start">
         <Heading size="6">Review videos</Heading>
 
diff --git a/src/components/PageWrapper.tsx b/src/components/PageWrapper.tsx
index 037e6503e..db3489ed5 100644
--- a/src/components/PageWrapper.tsx
+++ b/src/components/PageWrapper.tsx
@@ -9,6 +9,7 @@ type PageWrapperProps = FlexProps & {
   noMaxWidth?: boolean;
   highlight?: boolean;
   containerProps?: ComponentProps<typeof Theme>;
+  noFlex1?: boolean;
 };
 
 export default function PageWrapper({
@@ -18,6 +19,7 @@ export default function PageWrapper({
   children,
   noPadding = false,
   noMaxWidth = false,
+  noFlex1 = false,
   highlight = false,
   containerProps,
   ...props
@@ -27,7 +29,7 @@ export default function PageWrapper({
       {...containerProps}
       accentColor={color}
       style={{
-        flex: 1,
+        flex: noFlex1 ? undefined : 1,
         display: 'flex',
         flexDirection: 'column',
         background: highlight