fix: 🐛 Fixes news title, lowered font size on header

imzeeshan · Nov 30, 2021 · 7df15d3 · 7df15d3
1 parent 33440bc
commit 7df15d3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx b/apps/skolplattformen-sthlm/components/navigationTitle.component.tsx
@@ -14,7 +14,11 @@ interface NavigationTitleProps {
 export const NavigationTitle = ({ title, subtitle }: NavigationTitleProps) => {
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>{title}</Text>
+      {title && (
+        <Text style={styles.title} numberOfLines={1} ellipsizeMode="tail">
+          {title}
+        </Text>
+      )}
       <Text style={styles.subtitle}>{subtitle}</Text>
     </View>
   )
@@ -25,7 +29,7 @@ const styles = StyleSheet.create({
     ...Layout.center,
   },
   title: {
-    ...fontSize.base,
+    ...fontSize.sm,
     fontWeight: '500',
   },
   subtitle: { ...fontSize.xxs },

diff --git a/apps/skolplattformen-sthlm/components/newsItem.component.tsx b/apps/skolplattformen-sthlm/components/newsItem.component.tsx
@@ -38,10 +38,7 @@ export const newsItemRouteOptions =
     return {
       ...defaultStackStyling(darkMode),
       headerCenter: () => (
-        <NavigationTitle
-          title={newsItem.header}
-          subtitle={studentName(child?.name)}
-        />
+        <NavigationTitle subtitle={studentName(child?.name)} />
       ),
       headerLargeTitle: false,
     }
@@ -58,6 +55,9 @@ export const NewsItem = ({ route }: NewsItemProps) => {
       contentContainerStyle={styles.article}
       style={styles.scrollView}
     >
+      <Text maxFontSizeMultiplier={2} style={styles.title}>
+        {newsItem.header}
+      </Text>
       {dateIsValid(newsItem.published) && (
         <Text
           maxFontSizeMultiplier={2}