From 297265822b60ea05cf6ed6a51b6f1804524648cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 3 Apr 2026 13:04:55 -0500
Subject: [PATCH] feat: equal button

---
 packages/website/src/components/EqualIcon.tsx | 21 +++++++++++++++++++
 .../HeroSection/components/Options/index.tsx  | 18 +++++++++++++++-
 2 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 packages/website/src/components/EqualIcon.tsx

diff --git a/packages/website/src/components/EqualIcon.tsx b/packages/website/src/components/EqualIcon.tsx
new file mode 100644
index 000000000..316ec5542
--- /dev/null
+++ b/packages/website/src/components/EqualIcon.tsx
@@ -0,0 +1,21 @@
+import type { ComponentProps } from "react";
+
+export function EqualIcon(props: ComponentProps<"svg">) {
+  return (
+    <svg
+      width="15"
+      height="15"
+      viewBox="0 0 15 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M1.5 5C1.22386 5 1 5.22386 1 5.5C1 5.77614 1.22386 6 1.5 6H13.5C13.7761 6 14 5.77614 14 5.5C14 5.22386 13.7761 5 13.5 5H1.5ZM1 9.5C1 9.22386 1.22386 9 1.5 9H13.5C13.7761 9 14 9.22386 14 9.5C14 9.77614 13.7761 10 13.5 10H1.5C1.22386 10 1 9.77614 1 9.5Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/Options/index.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/Options/index.tsx
index b77a50dfe..10841eeda 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/Options/index.tsx
+++ b/packages/website/src/components/Tankopedia/HeroSection/components/Options/index.tsx
@@ -38,6 +38,7 @@ import { TankopediaPersistent } from "../../../../../stores/tankopediaPersistent
 import { TankopediaDisplay } from "../../../../../stores/tankopediaPersistent/constants";
 import type { MaybeSkeletonComponentProps } from "../../../../../types/maybeSkeletonComponentProps";
 import type { ThicknessRange } from "../../../../Armor/components/StaticArmor";
+import { EqualIcon } from "../../../../EqualIcon";
 import { ModuleButton } from "../../../../ModuleButtons/ModuleButton";
 import { ScreenshotButton } from "../../../../ScreenshotButton";
 import { SmallTankIcon } from "../../../../SmallTankIcon";
@@ -216,7 +217,6 @@ export function Options({ thicknessRange, canvas, skeleton }: OptionsProps) {
               />
             </IconButton>
           ))}
-
           <CustomShellButton />
         </Flex>
 
@@ -285,6 +285,22 @@ export function Options({ thicknessRange, canvas, skeleton }: OptionsProps) {
             <DynamicArmorSwitcher />
           </Suspense>
         )}
+
+        <IconButton
+          variant="soft"
+          size={{ initial: "2", sm: "3" }}
+          color={equalize ? undefined : "gray"}
+          onClick={() => {
+            Duel.mutate((draft) => {
+              draft.equalize = !draft.equalize;
+            });
+            Tankopedia.mutate((draft) => {
+              draft.shot = undefined;
+            });
+          }}
+        >
+          <EqualIcon />
+        </IconButton>
       </Flex>
 
       <Flex