From 7727e64931d0cbe14a05a77dcd8efa81d943c466 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 31 Mar 2024 22:14:14 -0500
Subject: [PATCH] feat: quick actions

---
 .../components/Consumables.tsx                | 17 ++++++++-
 .../Characteristics/components/Equipment.tsx  | 21 ++++++++++-
 .../Characteristics/components/Modules.tsx    | 37 ++++++++++++++++++-
 .../Characteristics/components/Provisions.tsx | 17 ++++++++-
 .../components/Skills/index.tsx               | 31 +++++++++++++++-
 src/app/tools/tankopedia/[id]/page.tsx        |  2 +-
 6 files changed, 114 insertions(+), 11 deletions(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx
index 4de56ac48..fce4c44f6 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Consumables.tsx
@@ -1,4 +1,4 @@
-import { Flex, Heading } from '@radix-ui/themes';
+import { Button, Flex, Heading } from '@radix-ui/themes';
 import { use } from 'react';
 import { ConsumableButton } from '../../../../../../../components/ModuleButtons/ConsumableButton';
 import { checkConsumableProvisionInclusivity } from '../../../../../../../core/blitzkrieg/checkConsumableProvisionInclusivity';
@@ -27,7 +27,20 @@ export function Consumables() {
 
   return (
     <ConfigurationChildWrapper>
-      <Heading size="4">Consumables</Heading>
+      <Flex gap="4" align="center">
+        <Heading size="4">Consumables</Heading>
+        <Button
+          variant="ghost"
+          color="red"
+          onClick={() => {
+            mutateDuel((draft) => {
+              draft.protagonist!.consumables = [];
+            });
+          }}
+        >
+          Clear
+        </Button>
+      </Flex>
 
       <Flex wrap="wrap">
         {consumablesList.map((consumable, index) => {
diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Equipment.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Equipment.tsx
index 8774b60b8..bb01136df 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Equipment.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Equipment.tsx
@@ -1,4 +1,4 @@
-import { Flex, Heading } from '@radix-ui/themes';
+import { Button, Flex, Heading } from '@radix-ui/themes';
 import { use } from 'react';
 import { EquipmentButton } from '../../../../../../../components/ModuleButtons/EquipmentButton';
 import { equipmentDefinitions } from '../../../../../../../core/blitzkrieg/equipmentDefinitions';
@@ -14,7 +14,24 @@ export function Equipment() {
 
   return (
     <ConfigurationChildWrapper>
-      <Heading size="4">Equipment</Heading>
+      <Flex gap="4" align="center">
+        <Heading size="4">Equipment</Heading>
+        <Button
+          variant="ghost"
+          color="red"
+          onClick={() => {
+            mutateDuel((draft) => {
+              draft.protagonist!.equipment.forEach((row) => {
+                row.forEach((_, index) => {
+                  row[index] = 0;
+                });
+              });
+            });
+          }}
+        >
+          Clear
+        </Button>
+      </Flex>
 
       <Flex direction="column" gap="2">
         {equipmentRows.map((equipmentRow, rowIndex) => (
diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx
index 3f3f113ce..76dfe680c 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx
@@ -1,4 +1,4 @@
-import { Flex, Heading } from '@radix-ui/themes';
+import { Button, Flex, Heading } from '@radix-ui/themes';
 import { ModuleButton } from '../../../../../../../components/ModuleButtons/ModuleButton';
 import { TIER_ROMAN_NUMERALS } from '../../../../../../../core/blitzkrieg/tankDefinitions/constants';
 import { mutateDuel, useDuel } from '../../../../../../../stores/duel';
@@ -10,7 +10,40 @@ export function Modules() {
 
   return (
     <ConfigurationChildWrapper>
-      <Heading size="4">Modules</Heading>
+      <Flex gap="4" align="center">
+        <Heading size="4">Modules</Heading>
+        <Button
+          variant="ghost"
+          color="red"
+          onClick={() => {
+            mutateDuel((draft) => {
+              draft.protagonist!.turret = draft.protagonist!.tank.turrets[0];
+              draft.protagonist!.gun = draft.protagonist!.turret.guns[0];
+              draft.protagonist!.shell = draft.protagonist!.gun.shells[0];
+              draft.protagonist!.engine = draft.protagonist!.tank.engines[0];
+              draft.protagonist!.track = draft.protagonist!.tank.tracks[0];
+            });
+          }}
+        >
+          Stock
+        </Button>
+        <Button
+          variant="ghost"
+          onClick={() => {
+            mutateDuel((draft) => {
+              draft.protagonist!.turret =
+                draft.protagonist!.tank.turrets.at(-1)!;
+              draft.protagonist!.gun = draft.protagonist!.turret.guns.at(-1)!;
+              draft.protagonist!.shell = draft.protagonist!.gun.shells.at(-1)!;
+              draft.protagonist!.engine =
+                draft.protagonist!.tank.engines.at(-1)!;
+              draft.protagonist!.track = draft.protagonist!.tank.tracks.at(-1)!;
+            });
+          }}
+        >
+          Upgrade
+        </Button>
+      </Flex>
 
       <Flex gap="2" wrap="wrap">
         <Flex>
diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx
index bca0d16c8..daf7eafde 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Provisions.tsx
@@ -1,4 +1,4 @@
-import { Flex, Heading } from '@radix-ui/themes';
+import { Button, Flex, Heading } from '@radix-ui/themes';
 import { use } from 'react';
 import { ProvisionButton } from '../../../../../../../components/ModuleButtons/ProvisionButton';
 import { availableProvisions } from '../../../../../../../core/blitzkrieg/availableProvisions';
@@ -18,7 +18,20 @@ export function Provisions() {
 
   return (
     <ConfigurationChildWrapper>
-      <Heading size="4">Provisions</Heading>
+      <Flex gap="4" align="center">
+        <Heading size="4">Provisions</Heading>
+        <Button
+          variant="ghost"
+          color="red"
+          onClick={() => {
+            mutateDuel((draft) => {
+              draft.protagonist!.provisions = [];
+            });
+          }}
+        >
+          Clear
+        </Button>
+      </Flex>
 
       <Flex wrap="wrap">
         {provisionsList.map((provision, index) => {
diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx
index cf1d83420..889032138 100644
--- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Skills/index.tsx
@@ -1,5 +1,5 @@
 import { InfoCircledIcon } from '@radix-ui/react-icons';
-import { Flex, Heading, Text } from '@radix-ui/themes';
+import { Button, Flex, Heading, Text } from '@radix-ui/themes';
 import { use } from 'react';
 import { GenericTankComponentButton } from '../../../../../../../../components/ModuleButtons/GenericTankComponentButton';
 import { asset } from '../../../../../../../../core/blitzkrieg/asset';
@@ -31,7 +31,34 @@ export function Skills() {
 
   return (
     <ConfigurationChildWrapper>
-      <Heading size="4">Crew skills</Heading>
+      <Flex gap="4" align="center">
+        <Heading size="4">Crew skills</Heading>
+        <Button
+          variant="ghost"
+          color="red"
+          onClick={() => {
+            mutateTankopediaTemporary((draft) => {
+              Object.keys(draft.skills).forEach((skill) => {
+                draft.skills[skill] = 0;
+              });
+            });
+          }}
+        >
+          Clear
+        </Button>
+        <Button
+          variant="ghost"
+          onClick={() => {
+            mutateTankopediaTemporary((draft) => {
+              Object.keys(draft.skills).forEach((skill) => {
+                draft.skills[skill] = 7;
+              });
+            });
+          }}
+        >
+          Maximize all
+        </Button>
+      </Flex>
 
       <Text>
         <InfoCircledIcon /> Skills in yellow only apply under special
diff --git a/src/app/tools/tankopedia/[id]/page.tsx b/src/app/tools/tankopedia/[id]/page.tsx
index a40688167..10e42f7e2 100644
--- a/src/app/tools/tankopedia/[id]/page.tsx
+++ b/src/app/tools/tankopedia/[id]/page.tsx
@@ -90,7 +90,7 @@ export default function Page({ params }: { params: { id: string } }) {
               <TankSandbox />
               <AntagonistBar />
 
-              <Flex direction="column" gap="4">
+              <Flex direction="column" gap="5">
                 <Modules />
                 <Provisions />
                 <Equipment />