relearned the magic of the z index

dan-atack · Oct 20, 2021 · bb141fb · bb141fb
1 parent 84bcd1e
commit bb141fb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/client/src/components/Game/CombatEnvironment/CombatUi/AttackAddMove/AttackAddMove.js b/client/src/components/Game/CombatEnvironment/CombatUi/AttackAddMove/AttackAddMove.js
@@ -20,8 +20,8 @@ const AttackAddMove = () => {
 
     return (
         <Wrapper>
-            <button onClick={() => attackButtonHandler}>ATTACK</button>
-            <button onClick={() => addMoveButtonHandler}>ADD MOVE</button>
+            <button onClick={() => attackButtonHandler()}>ATTACK</button>
+            <button onClick={() => addMoveButtonHandler()}>ADD MOVE</button>
         </Wrapper>
     )
 };
@@ -33,6 +33,7 @@ const Wrapper = styled.div`
     width: 256px;
     border: 1px solid black;
     border-radius: 8px;
+    z-index: 1000;
 `
 
 export default AttackAddMove;
diff --git a/client/src/components/Game/CombatEnvironment/CombatUi/CombatUi.js b/client/src/components/Game/CombatEnvironment/CombatUi/CombatUi.js
@@ -37,6 +37,7 @@ const CombatUi = ({turn, setEnemyAttackRadius}) => {
   const [playerHype, setPlayerHype] = useRecoilState(combatState.playerHype);
   const [playerAttackRadius, setPlayerAttackRadius] = useRecoilState(combatState.playerAttackRadius);
   const [playerMoveOptions, setPlayerMoveOptions] = useRecoilState(combatState.playerMoveOptions);
+  const [playerAttackSelecting, setPlayerAttackSelecting] = useRecoilState(combatState.playerAttackSelecting);
   const playerSkills = useRecoilValue(combatState.playerSkills);
   const playerCoords = useRecoilValue(combatState.playerCoords);
   const baddieCoords = useRecoilValue(combatState.baddieCoords);