fix(uikit): display username as single line

sendbird · May 30, 2022 · fad080b · fad080b
1 parent f78a492
commit fad080b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/packages/uikit-react-native/src/ui/UserActionBar/index.tsx b/packages/uikit-react-native/src/ui/UserActionBar/index.tsx
@@ -21,7 +21,7 @@ const UserActionBar: React.FC<Props> = ({ muted, uri, name, disabled, onPressAct
     <View style={styles.container}>
       <Avatar muted={muted} size={36} uri={uri} containerStyle={styles.avatar} />
       <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>
-        <Text subtitle2 style={styles.name} color={colors.onBackground01}>
+        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>
           {name}
         </Text>
         {Boolean(label) && (

diff --git a/packages/uikit-react-native/src/ui/UserSelectableBar/index.tsx b/packages/uikit-react-native/src/ui/UserSelectableBar/index.tsx
@@ -22,12 +22,7 @@ const UserSelectableBar: React.FC<Props> = ({ uri, name, selected, disabled }) =
     <View style={styles.container}>
       <Avatar size={36} uri={uri} containerStyle={styles.avatar} />
       <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>
-        <Text
-          subtitle2
-          style={styles.name}
-          color={colors.onBackground01}
-          // color={disabled ? colors.onBackground04 : colors.onBackground01}
-        >
+        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>
           {name}
         </Text>
         <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />