From 2bbcadcf53cd5f7be6bb0aa66683a2a0f8d84557 Mon Sep 17 00:00:00 2001
From: MariaZ <mariya.z@gmail.com>
Date: Sat, 5 Feb 2022 20:33:39 +0100
Subject: [PATCH] Elipsise date on day overview

---
 components/cycle-day/symptom-page-title.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/cycle-day/symptom-page-title.js b/components/cycle-day/symptom-page-title.js
index 6203c1c..41885ee 100644
--- a/components/cycle-day/symptom-page-title.js
+++ b/components/cycle-day/symptom-page-title.js
@@ -24,6 +24,9 @@ const SymptomPageTitle = ({
     reloadSymptomData(nextDay)
     setDate(nextDay)
   }
+  const formattedTitle = title.length > 21
+    ? title.substring(0, 18) + '...'
+    : title
 
   return (
     <View style={styles.container}>
@@ -31,7 +34,7 @@ const SymptomPageTitle = ({
         <AppIcon name='chevron-left' color={Colors.orange}/>
       </TouchableOpacity>
       <View style={styles.textContainer}>
-        <AppText style={styles.title}>{title}</AppText>
+        <AppText style={styles.title}>{formattedTitle}</AppText>
         {subtitle && <AppText style={styles.subtitle}>{subtitle}</AppText>}
       </View>
       <TouchableOpacity onPress={() => navigate(true)} hitSlop={HIT_SLOP}>