lori/drip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Elipsise date on day overview

Browse Source
This commit is contained in:
MariaZ
2022-02-05 20:33:39 +01:00
committed by BloodyMarie
parent f4ef00d4ea
commit 2bbcadcf53
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cycle-day/symptom-page-title.js
+4 -1
View File
@@ -24,6 +24,9 @@ const SymptomPageTitle = ({
reloadSymptomData(nextDay) reloadSymptomData(nextDay)
setDate(nextDay) setDate(nextDay)
} }
const formattedTitle = title.length > 21
? title.substring(0, 18) + '...'
: title
return ( return (
<View style={styles.container}> <View style={styles.container}>
@@ -31,7 +34,7 @@ const SymptomPageTitle = ({
<AppIcon name='chevron-left' color={Colors.orange}/> <AppIcon name='chevron-left' color={Colors.orange}/>
</TouchableOpacity> </TouchableOpacity>
<View style={styles.textContainer}> <View style={styles.textContainer}>
<AppText style={styles.title}>{title}</AppText> <AppText style={styles.title}>{formattedTitle}</AppText>
{subtitle && <AppText style={styles.subtitle}>{subtitle}</AppText>} {subtitle && <AppText style={styles.subtitle}>{subtitle}</AppText>}
</View> </View>
<TouchableOpacity onPress={() => navigate(true)} hitSlop={HIT_SLOP}> <TouchableOpacity onPress={() => navigate(true)} hitSlop={HIT_SLOP}>