Update resources (#126)

Resources no longer show tapped. Resource box hover effect now works --------- Co-authored-by: Dan Bastin <[email protected]>
SWU-Karabast · Feb 24, 2025 · ef987ea · ef987ea
1 parent 2e48889
commit ef987ea
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/_components/Gameboard/_subcomponents/PlayerTray/Resources.tsx b/src/app/_components/Gameboard/_subcomponents/PlayerTray/Resources.tsx
@@ -30,10 +30,11 @@ const Resources: React.FC<IResourcesProps> = ({
             transition: 'background-color 0.3s ease',
             padding: '1rem 2rem',
             overflow: 'visible',
+            cursor: 'pointer',
             '&:hover': {
                 background:
-                    trayPlayer === 'player'
-                        ? 'linear-gradient(to top, white, transparent)'
+                    trayPlayer === connectedPlayer
+                        ? 'rgba(255, 255, 255, 0.1)'
                         : null,
             },
         },
@@ -48,7 +49,6 @@ const Resources: React.FC<IResourcesProps> = ({
             justifyContent: 'center',
             alignItems: 'center',
             flexDirection: 'row',
-            cursor: 'pointer',
             position: 'relative', 
             zIndex: 1, 
         },

diff --git a/src/app/_components/_sharedcomponents/Cards/GameCard.tsx b/src/app/_components/_sharedcomponents/Cards/GameCard.tsx
@@ -133,7 +133,7 @@ const GameCard: React.FC<IGameCardProps> = ({
             display: 'flex',
             flexDirection: 'column',
             alignItems: 'center',
-            transform: card.exhausted ? 'rotate(4deg)' : 'none',
+            transform: card.exhausted && card.zone !== 'resource' ? 'rotate(4deg)' : 'none',
             transition: 'transform 0.15s ease',
             '&:hover': {
                 cursor: disabled ? 'normal' : 'pointer',
@@ -154,7 +154,7 @@ const GameCard: React.FC<IGameCardProps> = ({
             position: 'absolute',
             width: '100%',
             height: '100%',
-            backgroundColor: card?.exhausted ? 'rgba(0, 0, 0, 0.5)' : 'transparent',
+            backgroundColor: card?.exhausted && card.zone !== 'resource' ? 'rgba(0, 0, 0, 0.5)' : 'transparent',
             filter: 'none',
             clickEvents: 'none',
             display: 'flex',