From 0a5617ff5633bc3a935a7d837f37785cab46bf4e Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Mon, 17 Jul 2023 15:48:19 +0800
Subject: [PATCH] Improved user info page

---
 src/routes/UserInfo/UserInfo.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/UserInfo/UserInfo.tsx b/src/routes/UserInfo/UserInfo.tsx
index e80947c..b0b9f52 100644
--- a/src/routes/UserInfo/UserInfo.tsx
+++ b/src/routes/UserInfo/UserInfo.tsx
@@ -64,7 +64,7 @@ export default function UserInfo() {
     <ScrollView style={styles.background}>
       <AnimatedContainer>
         <Text style={styles.text_white_large}>
-          {user.first_name + " " + user.last_name}
+          {(user.first_name || "Undefined") + " " + (user.last_name || "User")}
         </Text>
         <View>
           <Avatar />
@@ -93,7 +93,7 @@ export default function UserInfo() {
           </View>
           <View style={{ flex: 3 }}>
             <TextInput
-              style={[styles.input, !isEditable && styles.input]}
+              style={styles.input}
               editable={isEditable}
               onChange={(
                 e: NativeSyntheticEvent<TextInputChangeEventData>
@@ -111,7 +111,7 @@ export default function UserInfo() {
           </View>
           <View style={{ flex: 3 }}>
             <TextInput
-              style={[styles.input, !isEditable && styles.input]}
+              style={styles.input}
               editable={isEditable}
               onChange={(
                 e: NativeSyntheticEvent<TextInputChangeEventData>
@@ -128,7 +128,7 @@ export default function UserInfo() {
           </View>
           <View style={{ flex: 3 }}>
             <TextInput
-              style={[styles.input, !isEditable && styles.input]}
+              style={styles.input}
               editable={isEditable}
               onChange={(
                 e: NativeSyntheticEvent<TextInputChangeEventData>
@@ -145,7 +145,7 @@ export default function UserInfo() {
           </View>
           <View style={{ flex: 3 }}>
             <TextInput
-              style={[styles.input, !isEditable && styles.input]}
+              style={styles.input}
               editable={isEditable}
               onChange={(
                 e: NativeSyntheticEvent<TextInputChangeEventData>