fix: move tooltip to text

Author: dougfabris

packages/fuselage-ui-kit/src/blocks/VideoConferenceBlock/VideoConferenceBlock.tsx

@@ -130,7 +130,7 @@ const VideoConferenceBlock = ({
     .map(({ name, username }) => (showRealName ? name || username : username))
     .join(', ');
 
-  const iconTitle =
+  const title =
     data.users.length > MAX_USERS
       ? t('__usernames__and__count__more_joined', {
           usernames: joinedNamesOrUsernames,
@@ -180,11 +180,8 @@ const VideoConferenceBlock = ({
           {data.type !== 'direct' &&
             (data.users.length ? (
               <>
-                <VideoConfMessageUserStack
-                  iconTitle={iconTitle}
-                  users={data.users}
-                />
-                <VideoConfMessageFooterText>
+                <VideoConfMessageUserStack users={data.users} />
+                <VideoConfMessageFooterText title={title}>
                   {messageFooterText}
                 </VideoConfMessageFooterText>
               </>
@@ -237,11 +234,8 @@ const VideoConferenceBlock = ({
         </VideoConfMessageButton>
         {Boolean(data.users.length) && (
           <>
-            <VideoConfMessageUserStack
-              users={data.users}
-              iconTitle={iconTitle}
-            />
-            <VideoConfMessageFooterText>
+            <VideoConfMessageUserStack users={data.users} />
+            <VideoConfMessageFooterText title={title}>
               {messageFooterText}
             </VideoConfMessageFooterText>
           </>

packages/ui-video-conf/src/VideoConfMessage/VideoConfMessageUserStack.tsx

@@ -7,10 +7,9 @@ const MAX_USERS = 3;
 
 type VideoConfMessageUserStackProps = {
 	users: Serialized<IVideoConferenceUser>[];
-	iconTitle?: string;
 };
 
-const VideoConfMessageUserStack = ({ users, iconTitle }: VideoConfMessageUserStackProps): ReactElement => {
+const VideoConfMessageUserStack = ({ users }: VideoConfMessageUserStackProps): ReactElement => {
 	const displayAvatars = useUserPreference<boolean>('displayAvatars');
 	const showRealName = useSetting('UI_Use_Real_Name');
 	const getUserAvatarPath = useUserAvatarPath();
@@ -31,7 +30,7 @@ const VideoConfMessageUserStack = ({ users, iconTitle }: VideoConfMessageUserSta
 					))}
 				</Box>
 			)}
-			{!displayAvatars && <Icon size='x20' title={iconTitle} name='user' />}
+			{!displayAvatars && <Icon size='x20' name='user' />}
 		</Box>
 	);
 };