From 2b02158e19cb984880d822a82f2fb3d758a1ddaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 25 Aug 2024 18:48:57 -0500
Subject: [PATCH] feat: move tech tree section up

---
 .../Model/TechTreeSection/index.tsx           | 27 +------------------
 .../[id]/components/ShotDisplaySection.tsx    |  8 +-----
 src/app/tools/tankopedia/[id]/page.tsx        |  4 +--
 3 files changed, 4 insertions(+), 35 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection/index.tsx b/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection/index.tsx
index 3d8d88a61..c7eeaabf6 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection/index.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/TechTreeSection/index.tsx
@@ -7,28 +7,6 @@ import * as Duel from '../../../../../../../stores/duel';
 import { Arrow } from './components/Arrow';
 import { Node } from './components/Node';
 
-// function Ancestry({ line }: { line: Line }) {
-//   return (
-//     <Card>
-//       <Flex align="center">
-//         {line.map((node) => {
-//           if (typeof node === 'number') {
-//             return <Node key={node} id={node} />;
-//           } else {
-//             return (
-//               <Flex direction="column">
-//                 {node.map((line) => (
-//                   <Ancestry line={line} />
-//                 ))}
-//               </Flex>
-//             );
-//           }
-//         })}
-//       </Flex>
-//     </Card>
-//   );
-// }
-
 type Line = number[];
 
 export function TechTreeSection() {
@@ -93,13 +71,10 @@ export function TechTreeSection() {
 
   return (
     <Flex
-      my="6"
       direction="column"
       align="center"
       gap="0"
-      style={{
-        backgroundColor: 'var(--color-surface)',
-      }}
+      style={{ backgroundColor: 'var(--color-surface)' }}
       py="6"
     >
       <Flex direction="column" align="center">
diff --git a/src/app/tools/tankopedia/[id]/components/ShotDisplaySection.tsx b/src/app/tools/tankopedia/[id]/components/ShotDisplaySection.tsx
index 142d4dba4..07418e0f6 100644
--- a/src/app/tools/tankopedia/[id]/components/ShotDisplaySection.tsx
+++ b/src/app/tools/tankopedia/[id]/components/ShotDisplaySection.tsx
@@ -8,13 +8,7 @@ export function ShotDisplaySection() {
   if (!shot) return null;
 
   return (
-    <Flex
-      justify="center"
-      display={{
-        initial: 'flex',
-        sm: 'none',
-      }}
-    >
+    <Flex justify="center" display={{ initial: 'flex', sm: 'none' }}>
       <ShotDisplayCard shot={shot} />
     </Flex>
   );
diff --git a/src/app/tools/tankopedia/[id]/page.tsx b/src/app/tools/tankopedia/[id]/page.tsx
index 446db40e6..1aa3d8b14 100644
--- a/src/app/tools/tankopedia/[id]/page.tsx
+++ b/src/app/tools/tankopedia/[id]/page.tsx
@@ -82,14 +82,14 @@ export default function Page({ params }: { params: { id: string } }) {
   return (
     <PageWrapper p="0" noMaxWidth color="purple" size={1600} gap="9">
       <HeroSection id={id} />
-      <MetaSection />
       <ShotDisplaySection />
+      <MetaSection />
       {!exempt && <AdMidSectionResponsive />}
+      <TechTreeSection />
       <TestingSection />
       <CharacteristicsSection />
       {!exempt && <AdMidSectionResponsive />}
       <GameModeSection />
-      <TechTreeSection />
       <VideoSection />
       <HistorySection />
       {!exempt && <AdMidSectionResponsive mb="6" />}