jjbrunton/Sauci
1
0 Fork 0
mirror of https://github.com/jjbrunton/Sauci.git synced 2026-10-31 18:19:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
jjbrunton committed 2025-12-30 11:09:03 +00:00
1 parent b10eae1bf3
commit a15089f607
20 files changed
+3566 -3654
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/mobile/app/pack/[id].tsx
+67 -10
View File
@@ -45,16 +45,52 @@ export default function PackDetailsScreen() {
{item.partner_text && (
<Text style={styles.partnerText}>Partner role: {item.partner_text}</Text>
)}
<View style={styles.intensityContainer}>
{[...Array(5)].map((_, index) => (
<Ionicons
key={index}
name="flame"
size={12}
color={index < item.intensity ? "#e94560" : "#333"}
style={{ marginRight: 2 }}
/>
))}
<View style={styles.footerContainer}>
<View style={styles.intensityContainer}>
{[...Array(5)].map((_, index) => (
<Ionicons
key={index}
name="flame"
size={12}
color={index < item.intensity ? "#e94560" : "#333"}
style={{ marginRight: 2 }}
/>
))}
</View>
{item.allowed_couple_genders && item.allowed_couple_genders.length > 0 ? (
<View style={styles.targetsContainer}>
{item.allowed_couple_genders.map((g) => {
const icons = [];
if (g === 'male+male') {
icons.push('male', 'male');
} else if (g === 'female+female') {
icons.push('female', 'female');
} else {
icons.push('male', 'female');
}
return (
<View key={g} style={styles.targetBadge}>
{icons.map((icon, i) => (
<Ionicons
key={i}
name={icon as any}
size={10}
color="#ccc"
style={i > 0 ? { marginLeft: 2 } : {}}
/>
))}
</View>
);
})}
</View>
) : (
<View style={styles.targetsContainer}>
<View style={styles.targetBadge}>
<Ionicons name="people" size={10} color="#ccc" />
</View>
</View>
)}
</View>
</View>
);
@@ -188,4 +224,25 @@ const styles = StyleSheet.create({
fontStyle: "italic",
marginBottom: 8,
},
footerContainer: {
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'space-between',
marginTop: 8,
},
targetsContainer: {
flexDirection: 'row',
flexWrap: 'wrap',
gap: 4,
},
targetBadge: {
flexDirection: 'row',
alignItems: 'center',
backgroundColor: 'rgba(255, 255, 255, 0.1)',
paddingHorizontal: 6,
paddingVertical: 2,
borderRadius: 4,
borderWidth: 1,
borderColor: 'rgba(255, 255, 255, 0.2)',
},
});