From 44b5907435a52cbd61f6b28897ed483c1a9df9f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 19 Apr 2024 09:59:21 -0500
Subject: [PATCH] feat: tankopedia button

---
 src/app/tools/compare/components/TankControl.tsx | 13 +++++++++++--
 src/app/tools/compare/page.tsx                   |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/tools/compare/components/TankControl.tsx b/src/app/tools/compare/components/TankControl.tsx
index 6091a0919..fb9fa5a69 100644
--- a/src/app/tools/compare/components/TankControl.tsx
+++ b/src/app/tools/compare/components/TankControl.tsx
@@ -1,5 +1,6 @@
-import { LoopIcon, TrashIcon } from '@radix-ui/react-icons';
+import { ExternalLinkIcon, LoopIcon, TrashIcon } from '@radix-ui/react-icons';
 import { Dialog, Flex, IconButton } from '@radix-ui/themes';
+import Link from 'next/link';
 import { use, useState } from 'react';
 import { provisionDefinitions } from '../../../../core/blitzkrieg/provisionDefinitions';
 import { tankToCompareMember } from '../../../../core/blitzkrieg/tankToCompareMember';
@@ -8,9 +9,10 @@ import { TankSearch } from '../../tankopedia/components/TankSearch';
 
 interface TankControlProps {
   index: number;
+  id: number;
 }
 
-export function TankControl({ index }: TankControlProps) {
+export function TankControl({ index, id }: TankControlProps) {
   const awaitedProvisionDefinitions = use(provisionDefinitions);
   const [switchTankDialogOpen, setSwitchTankDialogOpen] = useState(false);
 
@@ -27,6 +29,7 @@ export function TankControl({ index }: TankControlProps) {
       >
         <TrashIcon />
       </IconButton>
+
       <Dialog.Root
         open={switchTankDialogOpen}
         onOpenChange={setSwitchTankDialogOpen}
@@ -62,6 +65,12 @@ export function TankControl({ index }: TankControlProps) {
           </Flex>
         </Dialog.Content>
       </Dialog.Root>
+
+      <Link href={`/tools/tankopedia/${id}`}>
+        <IconButton variant="ghost">
+          <ExternalLinkIcon />
+        </IconButton>
+      </Link>
     </Flex>
   );
 }
diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index 16f325f2d..0806db507 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -447,7 +447,7 @@ export default function Page() {
           gap="2"
           style={{ height: '100%' }}
         >
-          <TankControl index={index} key={tank.id} />
+          <TankControl index={index} key={tank.id} id={tank.id} />
 
           <Flex
             ref={draggable}