remove myapp folder

2023-08-02 15:12:08 +02:00
parent 627b639775
commit 6cab0e2513
72 changed files with 1 additions and 49 deletions
--- a/src/Components/Counters/ExtraCountersBar.tsx
+++ b/src/Components/Counters/ExtraCountersBar.tsx
@@ -0,0 +1,148 @@
+import { CounterType, Player } from '../../Types/Player';
+import ExtraCounter from '../Buttons/ExtraCounter';
+import CommanderTaxIcon from '../../Icons/CommanderTaxIcon';
+import EnergyIcon from '../../Icons/EnergyIcon';
+import ExperienceIcon from '../../Icons/ExperienceIcon';
+import PoisonIcon from '../../Icons/PoisonIcon';
+import PartnerTaxIcon from '../../Icons/PartnerTaxIcon';
+import styled, { css } from 'styled-components';
+import { Rotation } from '../../Types/Player';
+
+const ExtraCountersGrid = styled.div<{ rotation: number }>`
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  width: 100%;
+  justify-content: space-evenly;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  pointer-events: none;
+
+  ${(props) => {
+    if (
+      props.rotation === Rotation.SideFlipped ||
+      props.rotation === Rotation.Side
+    ) {
+      return css`
+        flex-direction: column-reverse;
+        height: 100%;
+        width: auto;
+        bottom: auto;
+        right: 0;
+      `;
+    }
+  }}
+`;
+
+type ExtraCountersBarProps = {
+  player: Player;
+  onPlayerChange: (updatedPlayer: Player) => void;
+};
+
+const ExtraCountersBar = ({
+  player,
+  onPlayerChange,
+}: ExtraCountersBarProps) => {
+  const handleCounterChange = (
+    updatedCounterTotal: number,
+    type: CounterType
+  ) => {
+    const existingCounter = player.extraCounters.find(
+      (counter) => counter.type === type
+    );
+
+    if (!existingCounter) {
+      const newCounter = {
+        type,
+        value: updatedCounterTotal,
+      };
+      const updatedExtraCounters = [...player.extraCounters, newCounter];
+      const updatedPlayer = { ...player, extraCounters: updatedExtraCounters };
+      onPlayerChange(updatedPlayer);
+      return;
+    }
+
+    const updatedExtraCounters = player.extraCounters.map((counter) => {
+      if (counter.type === type) {
+        return { ...counter, value: updatedCounterTotal };
+      }
+      return counter;
+    });
+
+    const updatedPlayer = { ...player, extraCounters: updatedExtraCounters };
+    onPlayerChange(updatedPlayer);
+  };
+
+  return (
+    <ExtraCountersGrid rotation={player.settings.rotation}>
+      {player.settings.useCommanderDamage && (
+        <ExtraCounter
+          rotation={player.settings.rotation}
+          Icon={<CommanderTaxIcon size="8vmin" />}
+          type={CounterType.CommanderTax}
+          counterTotal={
+            player.extraCounters?.find(
+              (counter) => counter.type === 'commanderTax'
+            )?.value
+          }
+          setCounterTotal={handleCounterChange}
+        />
+      )}
+      {Boolean(
+        player.settings.useCommanderDamage && player.settings.usePartner
+      ) && (
+        <ExtraCounter
+          rotation={player.settings.rotation}
+          Icon={<PartnerTaxIcon size="8vmin" />}
+          type={CounterType.PartnerTax}
+          counterTotal={
+            player.extraCounters?.find(
+              (counter) => counter.type === 'partnerTax'
+            )?.value
+          }
+          setCounterTotal={handleCounterChange}
+        />
+      )}
+      {player.settings.usePoison && (
+        <ExtraCounter
+          rotation={player.settings.rotation}
+          Icon={<PoisonIcon size="8vmin" />}
+          type={CounterType.Poison}
+          counterTotal={
+            player.extraCounters?.find((counter) => counter.type === 'poison')
+              ?.value
+          }
+          setCounterTotal={handleCounterChange}
+        />
+      )}
+      {player.settings.useEnergy && (
+        <ExtraCounter
+          rotation={player.settings.rotation}
+          Icon={<EnergyIcon size="8vmin" />}
+          type={CounterType.Energy}
+          counterTotal={
+            player.extraCounters?.find((counter) => counter.type === 'energy')
+              ?.value
+          }
+          setCounterTotal={handleCounterChange}
+        />
+      )}
+      {player.settings.useExperience && (
+        <ExtraCounter
+          rotation={player.settings.rotation}
+          Icon={<ExperienceIcon size="8vmin" />}
+          type={CounterType.Experience}
+          counterTotal={
+            player.extraCounters?.find(
+              (counter) => counter.type === 'experience'
+            )?.value
+          }
+          setCounterTotal={handleCounterChange}
+        />
+      )}
+    </ExtraCountersGrid>
+  );
+};
+
+export default ExtraCountersBar;