show only first name in title of group chat ; add title prop when hov…

…ering feed items titles
daostack · Dec 14, 2023 · 0a28e6b · 0a28e6b
1 parent b90fc80
commit 0a28e6b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/pages/inbox/components/ChatChannelItem/ChatChannelItem.tsx b/src/pages/inbox/components/ChatChannelItem/ChatChannelItem.tsx
@@ -43,7 +43,9 @@ export const ChatChannelItem: FC<ChatChannelFeedLayoutItemProps> = (props) => {
     [],
   );
 
-  const dmUsersNames = dmUsers?.map((user) => getUserName(user));
+  const dmUsersNames = dmUsers?.map((user) =>
+    groupMessage ? user.firstName : getUserName(user),
+  );
   // TODO: need to decide for the maximum amount of users to display. Also decide about the format.
   const finalTitle = join(dmUsersNames, " & ");
   const groupChatCreatorName = getUserName(

diff --git a/src/pages/inbox/components/FeedItemBaseContent/FeedItemBaseContent.tsx b/src/pages/inbox/components/FeedItemBaseContent/FeedItemBaseContent.tsx
@@ -147,6 +147,7 @@ export const FeedItemBaseContent: FC<FeedItemBaseContentProps> = (props) => {
       <div className={styles.content}>
         <div className={styles.topContent}>
           <p
+            title={typeof finalTitle === "string" ? finalTitle : undefined}
             className={classNames(styles.text, styles.title, {
               [styles.titleActive]: isActive,
             })}