From bb141fb58c0756ac942dd6abbf966a1f4eaaa424 Mon Sep 17 00:00:00 2001
From: dan-atack <dan_atack@hotmail.com>
Date: Wed, 20 Oct 2021 19:44:46 -0400
Subject: [PATCH] relearned the magic of the z index

---
 .../CombatUi/AttackAddMove/AttackAddMove.js                  | 5 +++--
 .../components/Game/CombatEnvironment/CombatUi/CombatUi.js   | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Game/CombatEnvironment/CombatUi/AttackAddMove/AttackAddMove.js b/client/src/components/Game/CombatEnvironment/CombatUi/AttackAddMove/AttackAddMove.js
index dc93dc3..074d92e 100644
--- 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;
\ No newline at end of file
diff --git a/client/src/components/Game/CombatEnvironment/CombatUi/CombatUi.js b/client/src/components/Game/CombatEnvironment/CombatUi/CombatUi.js
index 5beb05c..236d924 100644
--- 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);