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 ( + + + + ); +} 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) { /> ))} - @@ -285,6 +285,22 @@ export function Options({ thicknessRange, canvas, skeleton }: OptionsProps) { )} + + { + Duel.mutate((draft) => { + draft.equalize = !draft.equalize; + }); + Tankopedia.mutate((draft) => { + draft.shot = undefined; + }); + }} + > + +