chore: remove sidepanel item warnings (#34084)

apps/meteor/client/sidebarv2/Item/Condensed.tsx

@@ -19,7 +19,7 @@ type CondensedProps = {
 	clickable?: boolean;
 } & Omit<HTMLAttributes<HTMLAnchorElement>, 'is'>;
 
-const Condensed = ({ icon, title, avatar, actions, href, unread, menu, badges, selected, ...props }: CondensedProps) => {
+const Condensed = ({ icon, title, avatar, actions, unread, menu, badges, ...props }: CondensedProps) => {
 	const [menuVisibility, setMenuVisibility] = useState(!!window.DISABLE_ANIMATION);
 
 	const isReduceMotionEnabled = usePrefersReducedMotion();
@@ -32,7 +32,7 @@ const Condensed = ({ icon, title, avatar, actions, href, unread, menu, badges, s
 	};
 
 	return (
-		<SidebarV2Item href={href} selected={selected} {...props}>
+		<SidebarV2Item {...props}>
 			{avatar && <SidebarV2ItemAvatarWrapper>{avatar}</SidebarV2ItemAvatarWrapper>}
 			{icon && icon}
 			<SidebarV2ItemTitle unread={unread}>{title}</SidebarV2ItemTitle>

apps/meteor/client/sidebarv2/Item/Medium.tsx

@@ -18,7 +18,7 @@ type MediumProps = {
 	menuOptions?: any;
 } & Omit<HTMLAttributes<HTMLElement>, 'is'>;
 
-const Medium = ({ icon, title, avatar, actions, href, badges, unread, menu, selected, ...props }: MediumProps) => {
+const Medium = ({ icon, title, avatar, actions, badges, unread, menu, ...props }: MediumProps) => {
 	const [menuVisibility, setMenuVisibility] = useState(!!window.DISABLE_ANIMATION);
 
 	const isReduceMotionEnabled = usePrefersReducedMotion();
@@ -31,7 +31,7 @@ const Medium = ({ icon, title, avatar, actions, href, badges, unread, menu, sele
 	};
 
 	return (
-		<SidebarV2Item href={href} selected={selected} {...props}>
+		<SidebarV2Item {...props}>
 			<SidebarV2ItemAvatarWrapper>{avatar}</SidebarV2ItemAvatarWrapper>
 			{icon && icon}
 			<SidebarV2ItemTitle unread={unread}>{title}</SidebarV2ItemTitle>

apps/meteor/client/views/room/Sidepanel/hooks/useItemData.tsx

@@ -23,7 +23,7 @@ export const useItemData = (
 		[highlighted, room],
 	);
 	const time = 'lastMessage' in room ? room.lastMessage?.ts : undefined;
-	const message = viewMode === 'extended' && getMessage(room, room.lastMessage, t);
+	const message = viewMode === 'extended' ? getMessage(room, room.lastMessage, t) : undefined;
 
 	const badges = useMemo(
 		() => (
@@ -42,7 +42,6 @@ export const useItemData = (
 		() => ({
 			unread: highlighted,
 			selected: room.rid === openedRoom,
-			t,
 			href: roomCoordinator.getRouteLink(room.t, room) || '',
 			title: roomCoordinator.getRoomName(room.t, room) || '',
 			icon,
@@ -51,7 +50,7 @@ export const useItemData = (
 			avatar: AvatarTemplate && <AvatarTemplate {...room} />,
 			subtitle: message,
 		}),
-		[AvatarTemplate, badges, highlighted, icon, message, openedRoom, room, t, time],
+		[AvatarTemplate, badges, highlighted, icon, message, openedRoom, room, time],
 	);
 
 	return itemData;