From e2fbdbd043b9100cd8939a70f97f1c70490a38da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Viktor=20R=C3=A5dberg?= <thevikeo@gmail.com>
Date: Wed, 2 Aug 2023 16:29:36 +0200
Subject: [PATCH] fix side counters

---
 src/Components/Buttons/CommanderDamage.tsx | 10 +++------
 src/Components/Counters/Counters.tsx       | 24 ----------------------
 src/Data/getInitialPlayers.ts              |  4 ++--
 3 files changed, 5 insertions(+), 33 deletions(-)

diff --git a/src/Components/Buttons/CommanderDamage.tsx b/src/Components/Buttons/CommanderDamage.tsx
index a762b4f..92b7a67 100644
--- a/src/Components/Buttons/CommanderDamage.tsx
+++ b/src/Components/Buttons/CommanderDamage.tsx
@@ -56,11 +56,11 @@ const CommanderDamageButton = styled.button<{
   }}
 `;
 
-const CommanderDamageTextContainer = styled.p<{
+const CommanderDamageTextContainer = styled.div<{
   rotation: number;
 }>`
   position: relative;
-  top: 25%;
+  top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-variant-numeric: tabular-nums;
@@ -78,11 +78,7 @@ const CommanderDamageTextContainer = styled.p<{
       props.rotation === Rotation.Side
     ) {
       return css`
-        rotate: 180deg;
-        text-orientation: sideways;
-        writing-mode: vertical-lr;
-        height: 1rem;
-        width: auto;
+        rotate: 270deg;
       `;
     }
   }}
diff --git a/src/Components/Counters/Counters.tsx b/src/Components/Counters/Counters.tsx
index a565323..75089b4 100644
--- a/src/Components/Counters/Counters.tsx
+++ b/src/Components/Counters/Counters.tsx
@@ -52,27 +52,6 @@ const Counters = ({
     <CountersWrapper>
       <CountersGrid gridTemplateAreas={gridAreas}>
         {players.map((player) => {
-          if (
-            player.settings.rotation === 90 ||
-            player.settings.rotation === 270
-          ) {
-            return (
-              <GridItemContainer
-                key={player.index}
-                gridArea={`player${player.index}`}
-              >
-                <LifeCounter
-                  backgroundColor={player.color}
-                  player={player}
-                  opponents={players.filter(
-                    (opponent) => opponent.index !== player.index
-                  )}
-                  onPlayerChange={onPlayerChange}
-                  resetCurrentGame={resetCurrentGame}
-                />
-              </GridItemContainer>
-            );
-          }
           return (
             <GridItemContainer
               key={player.index}
@@ -91,9 +70,6 @@ const Counters = ({
           );
         })}
       </CountersGrid>
-      {/* <S.SettingsButtonContainer>
-        <SettingsButton onClick={() => {}} rotation={0} />
-      </S.SettingsButtonContainer> */}
     </CountersWrapper>
   );
 };
diff --git a/src/Data/getInitialPlayers.ts b/src/Data/getInitialPlayers.ts
index b2cf7bb..375282b 100644
--- a/src/Data/getInitialPlayers.ts
+++ b/src/Data/getInitialPlayers.ts
@@ -20,11 +20,11 @@ const presetColors = [
 ];
 
 const getRotation = (index: number, gridAreas: GridTemplateAreas): Rotation => {
-  if (gridAreas === GridTemplateAreas.OnePlayerLandscape && index === 1) {
+  if (gridAreas === GridTemplateAreas.OnePlayerLandscape && index === 0) {
     return Rotation.Normal;
   }
 
-  if (gridAreas === GridTemplateAreas.OnePlayerPortrait && index === 1) {
+  if (gridAreas === GridTemplateAreas.OnePlayerPortrait && index === 0) {
     return Rotation.Side;
   }