From df8b32b7cdefddba512e311eee9ce53be8ebbbec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Thu, 20 Jun 2024 14:33:12 -0500
Subject: [PATCH] feat: test tanks warning

---
 .../tools/tankopedia/components/Results.tsx   | 23 ++++++++++++++++++-
 src/app/tools/tankopedia/page.tsx             |  1 +
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/app/tools/tankopedia/components/Results.tsx b/src/app/tools/tankopedia/components/Results.tsx
index f417195f3..4ff27706d 100644
--- a/src/app/tools/tankopedia/components/Results.tsx
+++ b/src/app/tools/tankopedia/components/Results.tsx
@@ -1,7 +1,16 @@
-import { Flex, Grid, Heading, Link, Separator, Text } from '@radix-ui/themes';
+import {
+  Callout,
+  Flex,
+  Grid,
+  Heading,
+  Link,
+  Separator,
+  Text,
+} from '@radix-ui/themes';
 import { range } from 'lodash';
 import { memo, use } from 'react';
 import { classIcons } from '../../../../components/ClassIcon';
+import { ExperimentIcon } from '../../../../components/ExperimentIcon';
 import { TANK_CLASSES } from '../../../../components/Tanks/components/Item/constants';
 import { asset } from '../../../../core/blitzkit/asset';
 import { gameDefinitions } from '../../../../core/blitzkit/gameDefinitions';
@@ -35,6 +44,18 @@ export const Results = memo<ResultsProps>(({ filters }) => {
 
   return (
     <Flex direction="column" gap="8" flexGrow="1">
+      {filters.testing === 'only' && (
+        <Callout.Root color="amber" style={{ width: 'fit-content' }}>
+          <Callout.Icon>
+            <ExperimentIcon style={{ width: '1em', height: '1em' }} />
+          </Callout.Icon>
+          <Callout.Text>
+            Tanks in testing are subject to change and many not represent the
+            final product.
+          </Callout.Text>
+        </Callout.Root>
+      )}
+
       {range(10, 0).map((tierUntyped) => {
         const tier = tierUntyped as Tier;
         const tierTanks = tanksFiltered
diff --git a/src/app/tools/tankopedia/page.tsx b/src/app/tools/tankopedia/page.tsx
index 9966f1d77..c325ba59f 100644
--- a/src/app/tools/tankopedia/page.tsx
+++ b/src/app/tools/tankopedia/page.tsx
@@ -53,6 +53,7 @@ export default function Page() {
           initial: '0',
           sm: '6',
         }}
+        pb="6"
       >
         <Flex
           direction={{