From 511151e10104ff49cb53d2630bf9af8741cbd291 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 9 Apr 2024 10:23:10 -0500
Subject: [PATCH] feat: shells

---
 src/app/tools/compare/page.tsx | 41 +++++++++++++++++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/app/tools/compare/page.tsx b/src/app/tools/compare/page.tsx
index 896318710..22f21773c 100644
--- a/src/app/tools/compare/page.tsx
+++ b/src/app/tools/compare/page.tsx
@@ -698,7 +698,6 @@ export default function Page() {
                               </Flex>
                             </Popover.Content>
                           </Popover.Root>
-
                           <Flex align="center" justify="center" gap="3">
                             <Popover.Root>
                               <Popover.Trigger>
@@ -968,6 +967,46 @@ export default function Page() {
                               </Popover.Content>
                             </Popover.Root>
                           </Flex>
+
+                          <Flex mt="1">
+                            {gun.shells.map((thisShell, shellIndex) => (
+                              <IconButton
+                                color={
+                                  thisShell.id === shell.id ? undefined : 'gray'
+                                }
+                                variant="soft"
+                                key={thisShell.id}
+                                style={{
+                                  borderTopLeftRadius:
+                                    shellIndex === 0 ? undefined : 0,
+                                  borderBottomLeftRadius:
+                                    shellIndex === 0 ? undefined : 0,
+                                  borderTopRightRadius:
+                                    shellIndex === gun.shells.length - 1
+                                      ? undefined
+                                      : 0,
+                                  borderBottomRightRadius:
+                                    shellIndex === gun.shells.length - 1
+                                      ? undefined
+                                      : 0,
+                                  marginLeft: shellIndex === 0 ? 0 : -1,
+                                }}
+                                onClick={() => {
+                                  mutateCompareTemporary((draft) => {
+                                    draft.members[index].shell = thisShell;
+                                  });
+                                }}
+                              >
+                                <img
+                                  width={16}
+                                  height={16}
+                                  src={asset(
+                                    `icons/shells/${thisShell.icon}.webp`,
+                                  )}
+                                />
+                              </IconButton>
+                            ))}
+                          </Flex>
                         </Flex>
                       </Table.Cell>
                     );