From b95d021144029e39af035bdbec216035983b967d Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Sat, 9 Nov 2024 19:30:50 -0600
Subject: [PATCH] feat: compare camo button

---
 .../src/components/Compare/CompareTable.tsx   | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/website/src/components/Compare/CompareTable.tsx b/packages/website/src/components/Compare/CompareTable.tsx
index ea1313316..d478455bb 100644
--- a/packages/website/src/components/Compare/CompareTable.tsx
+++ b/packages/website/src/components/Compare/CompareTable.tsx
@@ -9,7 +9,7 @@ import {
 } from '@blitzkit/core';
 import { checkConsumableProvisionInclusivity } from '@blitzkit/core/src/blitzkit/checkConsumableProvisionInclusivity';
 import { ComponentPlaceholderIcon } from '@radix-ui/react-icons';
-import { Button, Flex, Popover, Table } from '@radix-ui/themes';
+import { Button, Flex, IconButton, Popover, Table } from '@radix-ui/themes';
 import { times } from 'lodash-es';
 import type { TankCharacteristics } from '../../core/blitzkit/tankCharacteristics';
 import { Var } from '../../core/radix/var';
@@ -167,6 +167,7 @@ export function CompareTable({ stats }: CompareTableProps) {
                 engine,
                 track,
                 consumables,
+                camouflage,
               },
               index,
             ) => {
@@ -536,6 +537,24 @@ export function CompareTable({ stats }: CompareTableProps) {
                         </Popover.Content>
                       </Popover.Root>
                     </Flex>
+
+                    <IconButton
+                      onClick={() => {
+                        mutateCompareEphemeral((draft) => {
+                          draft.members[index].camouflage = !camouflage;
+                        });
+                      }}
+                      variant={camouflage ? 'solid' : 'outline'}
+                    >
+                      <img
+                        src={asset('icons/camo.webp')}
+                        style={{
+                          width: '1em',
+                          height: '1em',
+                          transform: 'scale(2) translate(15%, 15%)',
+                        }}
+                      />
+                    </IconButton>
                   </Flex>
                 </Table.Cell>
               );