diff --git a/src/components/gameplay/CacheCardItem.js b/src/components/gameplay/CacheCardItem.js index bcc7d42..b3ffcd4 100644 --- a/src/components/gameplay/CacheCardItem.js +++ b/src/components/gameplay/CacheCardItem.js @@ -2,12 +2,9 @@ import {StyleSheet, Text, View} from 'react-native'; import Card from '../UI/Card'; import {Button} from '../UI/Button'; -const CacheCardItem = ({cache, isAdmin, isSelected, onEdit, onDelete, onSelect}) => { +const CacheCardItem = ({cache, isAdmin, isClaimed, isSelected, onEdit, onDelete, onSelect}) => { // Initialisation ------------- - const hasClaims = (cache.Claims || []).length > 0; - const statusText = hasClaims ? 'Claimed' : 'Available'; - const statusColor = hasClaims ? '#9ca3af' : '#16a34a'; const displayName = cache.name || cache.clue || 'Unnamed Cache'; // State ---------------------- @@ -15,15 +12,20 @@ const CacheCardItem = ({cache, isAdmin, isSelected, onEdit, onDelete, onSelect}) // View ----------------------- return ( - + - {displayName} + {displayName} {cache.name ? ( {cache.clue} ) : null} - {statusText} + {/* Players see team-specific claim status; admins see no status */} + {!isAdmin && ( + + {isClaimed ? 'Claimed' : 'Available'} + + )} {isAdmin ? ( @@ -41,6 +43,14 @@ const CacheCardItem = ({cache, isAdmin, isSelected, onEdit, onDelete, onSelect}) styleLabel={styles.btnLabel} /> + ) : isClaimed ? ( +