From 7527c0ed984fd78367eaa91209ebe574774917f8 Mon Sep 17 00:00:00 2001
From: 3LL4N <jetdieron01@gmail.com>
Date: Thu, 7 Dec 2023 01:09:15 +0800
Subject: [PATCH] fix: long text display in test history header

---
 apps/expo/src/components/headers/SettingsHeader.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/expo/src/components/headers/SettingsHeader.tsx b/apps/expo/src/components/headers/SettingsHeader.tsx
index 85301a46..ea75c1e4 100644
--- a/apps/expo/src/components/headers/SettingsHeader.tsx
+++ b/apps/expo/src/components/headers/SettingsHeader.tsx
@@ -12,14 +12,18 @@ const SettingsHeader: FC<HeaderProps> = ({ screenName }) => {
   return (
     <>
       <View className="mx-5 flex  flex-row justify-between py-5">
-        <View className="flex-row gap-4 self-center">
+        <View className="w-[90%] flex-row gap-4 self-center">
           <TouchableOpacity
             onPress={goBack}
             className="flex flex-row items-center self-center"
           >
             <LeftArrowIcon />
           </TouchableOpacity>
-          <Text className="font-nunito-bold text-2xl leading-[38.40px] text-neutral-800">
+          <Text
+            className="font-nunito-bold text-2xl leading-[38.40px] text-neutral-800"
+            numberOfLines={1}
+            ellipsizeMode="tail"
+          >
             {screenName}
           </Text>
         </View>