alignItems: 'center', backgroundColor: 'rgba(76, 175, 80, 0.2)', padding: 12, borderRadius: 8, marginBottom: 20 } }, React.createElement(Ionicons, { name: "trophy", size: 20, color: "#4CAF50" }), React.createElement(Text, { style: { color: '#FFFFFF', marginLeft: 10 } }, "Quests"), availableQuests && availableQuests.filter(q_0 => !q_0.completed).length > 0 && React.createElement(View, { style: { backgroundColor: '#4CAF50', borderRadius: 10, paddingHorizontal: 6, paddingVertical: 2, marginLeft: 8 } }, React.createElement(Text, { style: { color: '#FFFFFF', fontSize: 10, fontWeight: 'bold' } }, availableQuests.filter(q => !q.completed).length)), React.createElement(View, { style: { marginLeft: 'auto' } }, React.createElement(Ionicons, { name: "chevron-forward", size: 20, color: "#4CAF50" }))), React.createElement(Text, { style: { color: '#9B51E0', fontSize: 16, fontWeight: 'bold', marginBottom: 10 } }, "Summon Cards"), React.createElement(TouchableOpacity, { onPress: () => { setMenuVisible(false); handleSummon(1); }, disabled: gems < 100, style: { flexDirection: 'row', alignItems: 'center', backgroundColor: gems < 100 ? '#444444' : 'rgba(155, 81, 224, 0.2)', padding: 12, borderRadius: 8, marginBottom: 8 } }, React.createElement(Ionicons, { name: "sparkles", size: 20, color: gems < 100 ? '#666666' : '#9B51E0' }), React.createElement(Text, { style: { color: '#FFFFFF', marginLeft: 10 } }, "Summon 1 Card (100 gems)"), React.createElement(View, { style: { marginLeft: 'auto' } }, React.createElement(Ionicons, { name: "chevron-forward", size: 20, color: gems < 100 ? '#666666' : '#9B51E0' }))), React.createElement(TouchableOpacity, { onPress: () => { setMenuVisible(false); handleSummon(5); }, disabled: gems < 500, style: { flexDirection: 'row', alignItems: 'center', backgroundColor: gems < 500 ? '#444444' : 'rgba(138, 43, 226, 0.2)', padding: 12, borderRadius: 8, marginBottom: 8 } }, React.createElement(Ionicons, { name: "sparkles", size: 20, color: gems < 500 ? '#666666' : '#8A2BE2' }), React.createElement(Text, { style: { color: '#FFFFFF', marginLeft: 10 } }, "Summon 5 Cards (500 gems)"), React.createElement(View, { style: { marginLeft: 'auto' } }, React.createElement(Ionicons, { name: "chevron-forward", size: 20, color: gems < 500 ? '#666666' : '#8A2BE2' }))), React.createElement(TouchableOpacity, { onPress: () => { setMenuVisible(false); handleSummon(10); }, disabled: gems < 1000, style: { flexDirection: 'row', alignItems: 'center', backgroundColor: gems < 1000 ? '#444444' : 'rgba(106, 13, 173, 0.2)', padding: 12, borderRadius: 8, marginBottom: 8 } }, React.createElement(Ionicons, { name: "sparkles", size: 20, color: gems < 1000 ? '#666666' : '#6A0DAD' }), React.createElement(Text, { style: { color: '#FFFFFF', marginLeft: 10 } }, "Summon 10 Cards (1000 gems)"), React.createElement(View, { style: { marginLeft: 'auto' } }, React.createElement(Ionicons, { name: "chevron-forward", size: 20, color: gems < 1000 ? '#666666' : '#6A0DAD' }))), React.createElement(Text, { style: { color: '#9B51E0', fontSize: 16, fontWeight: 'bold', marginBottom: 10, marginTop: 10 } }, "Shop & Resources"), React.createElement(Touc

Elves vs Monsters

Comments (1)

User Comments (1)