From a2cfbda93277f306c094cd6bf4c620235b6fada4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 21 Apr 2024 11:05:42 -0500
Subject: [PATCH] feat: start work of text

---
 .../[id]/components/TextualReference.tsx      | 32 +++++++++++++++++++
 src/app/tools/tankopedia/[id]/page.tsx        |  2 ++
 2 files changed, 34 insertions(+)
 create mode 100644 src/app/tools/tankopedia/[id]/components/TextualReference.tsx

diff --git a/src/app/tools/tankopedia/[id]/components/TextualReference.tsx b/src/app/tools/tankopedia/[id]/components/TextualReference.tsx
new file mode 100644
index 000000000..bede9a854
--- /dev/null
+++ b/src/app/tools/tankopedia/[id]/components/TextualReference.tsx
@@ -0,0 +1,32 @@
+import { Flex, Heading, Text } from '@radix-ui/themes';
+import { sumBy } from 'lodash';
+import { use, useMemo } from 'react';
+import { tankDefinitions } from '../../../../../core/blitzkrieg/tankDefinitions';
+import { useDuel } from '../../../../../stores/duel';
+
+export function TextualReference() {
+  const awaitedTankDefinitions = use(tankDefinitions);
+  const tank = useDuel((state) => state.protagonist!.tank);
+  const tierTanks = useMemo(
+    () =>
+      Object.values(awaitedTankDefinitions).filter(
+        ({ tier }) => tank.tier === tier,
+      ),
+    [tank.id],
+  );
+  const averageDamage =
+    sumBy(
+      tierTanks,
+      (tank) => tank.turrets.at(-1)!.guns.at(-1)!.shells[0].damage.armor,
+    ) / tierTanks.length;
+
+  console.log(averageDamage);
+
+  return (
+    <Flex direction="column" gap="2" mt="4">
+      <Heading size="6">Textual reference</Heading>
+
+      <Text></Text>
+    </Flex>
+  );
+}
diff --git a/src/app/tools/tankopedia/[id]/page.tsx b/src/app/tools/tankopedia/[id]/page.tsx
index 63f127128..318901404 100644
--- a/src/app/tools/tankopedia/[id]/page.tsx
+++ b/src/app/tools/tankopedia/[id]/page.tsx
@@ -16,6 +16,7 @@ import { Modules } from './components/Characteristics/components/Modules';
 import { Provisions } from './components/Characteristics/components/Provisions';
 import { Skills } from './components/Characteristics/components/Skills';
 import { TankSandbox } from './components/Model/TankSandbox';
+import { TextualReference } from './components/TextualReference';
 import { Title } from './components/Title';
 import { Videos } from './components/Videos';
 
@@ -112,6 +113,7 @@ export default function Page({ params }: { params: { id: string } }) {
           </Flex>
 
           <Videos />
+          <TextualReference />
         </>
       )}
     </PageWrapper>