Migrate thread template to component

apps/meteor/app/threads/client/index.ts

@@ -1,6 +1,5 @@
 import './flextab/threadlist';
-import './flextab/thread.ts';
-import './flextab/threads.ts';
 import './messageAction/follow';
 import './messageAction/unfollow';
 import './messageAction/replyInThread';
+import './threads.css';

apps/meteor/client/views/room/components/body/LegacyMessageTemplateList.tsx

@@ -5,16 +5,16 @@ import { Template } from 'meteor/templating';
 import type { ReactElement } from 'react';
 import React, { memo, useCallback, useRef } from 'react';
 
-import { ChatMessage } from '../../../../../app/models/client';
+import { Messages } from '../../../../../app/models/client';
 import { useReactiveValue } from '../../../../hooks/useReactiveValue';
-import { useMessageContext } from './useMessageContext';
+import { useRoomMessageContext } from './useRoomMessageContext';
 
 type LegacyMessageTemplateListProps = {
 	room: IRoom;
 };
 
 const LegacyMessageTemplateList = ({ room }: LegacyMessageTemplateListProps): ReactElement => {
-	const messageContext = useMessageContext(room);
+	const roomMessageContext = useRoomMessageContext(room);
 
 	const hideSystemMessages = useSetting('Hide_System_Messages') as MessageTypesValues[];
 
@@ -43,7 +43,7 @@ const LegacyMessageTemplateList = ({ room }: LegacyMessageTemplateListProps): Re
 				},
 			};
 
-			return ChatMessage.find(query, options).fetch();
+			return Messages.find(query, options).fetch();
 		}, [hideSystemMessages, room._id, room.sysMes]),
 	);
 
@@ -59,7 +59,7 @@ const LegacyMessageTemplateList = ({ room }: LegacyMessageTemplateListProps): Re
 						index,
 						shouldCollapseReplies: false,
 						msg: message,
-						...messageContext,
+						...roomMessageContext,
 					}),
 					node.parentElement,
 					node,
@@ -76,7 +76,7 @@ const LegacyMessageTemplateList = ({ room }: LegacyMessageTemplateListProps): Re
 				viewsRef.current.delete(message._id);
 			}
 		},
-		[messageContext],
+		[roomMessageContext],
 	);
 
 	return (