fix lint error

Dnouv · Apr 12, 2023 · a5362d1 · a5362d1
1 parent 08a8552
commit a5362d1
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/apps/meteor/client/views/admin/moderation/MessageReportInfo.tsx b/apps/meteor/client/views/admin/moderation/MessageReportInfo.tsx
@@ -4,15 +4,19 @@ import { useQuery } from '@tanstack/react-query';
 import React from 'react';
 
 import UserAvatar from '../../../components/avatar/UserAvatar';
-import { formatDate } from '../../../lib/utils/formatDate';
-import { formatDateAndTime } from '../../../lib/utils/formatDateAndTime';
-import { formatTime } from '../../../lib/utils/formatTime';
+import { useFormatDate } from '../../../hooks/useFormatDate';
+import { useFormatDateAndTime } from '../../../hooks/useFormatDateAndTime';
+import { useFormatTime } from '../../../hooks/useFormatTime';
 
 const MessageReportInfo = ({ msgId }: { msgId: string }): JSX.Element => {
 	const t = useTranslation();
 	const dispatchToastMessage = useToastMessageDispatch();
 	const getReportsByMessage = useEndpoint('GET', `/v1/moderation.reportsByMessage`);
 
+	const formatDateAndTime = useFormatDateAndTime();
+	const formatTime = useFormatTime();
+	const formatDate = useFormatDate();
+
 	const {
 		data: reportsByMessage,
 		isLoading: isLoadingReportsByMessage,

diff --git a/apps/meteor/client/views/admin/moderation/ModerationConsoleTableRow.tsx b/apps/meteor/client/views/admin/moderation/ModerationConsoleTableRow.tsx
@@ -3,7 +3,7 @@ import { TableRow, TableCell, Box } from '@rocket.chat/fuselage';
 import React from 'react';
 
 import UserAvatar from '../../../components/avatar/UserAvatar';
-import { formatDateAndTime } from '../../../lib/utils/formatDateAndTime';
+import { useFormatDateAndTime } from '../../../hooks/useFormatDateAndTime';
 import ModerationConsoleActions from './ModerationConsoleActions';
 
 export type MonderationConsoleRowProps = {
@@ -24,6 +24,8 @@ const ModerationConsoleTableRow = ({ report, onClick, onChange, onReload, mediaQ
 		return room.fname || room.name;
 	});
 
+	const formatDateAndTime = useFormatDateAndTime();
+
 	const concatenatedRoomNames = roomNames.join(', ');
 
 	return (

diff --git a/apps/meteor/client/views/admin/moderation/helpers/ContextMessage.tsx b/apps/meteor/client/views/admin/moderation/helpers/ContextMessage.tsx
@@ -8,9 +8,9 @@ import UserAvatar from '../../../../components/avatar/UserAvatar';
 import MessageContentBody from '../../../../components/message/MessageContentBody';
 import Attachments from '../../../../components/message/content/Attachments';
 import UiKitSurface from '../../../../components/message/content/UiKitSurface';
-import { formatDate } from '../../../../lib/utils/formatDate';
-import { formatDateAndTime } from '../../../../lib/utils/formatDateAndTime';
-import { formatTime } from '../../../../lib/utils/formatTime';
+import { useFormatDate } from '../../../../hooks/useFormatDate';
+import { useFormatDateAndTime } from '../../../../hooks/useFormatDateAndTime';
+import { useFormatTime } from '../../../../hooks/useFormatTime';
 import useDeleteMessage from '../hooks/useDeleteMessage';
 
 const ContextMessage = ({
@@ -34,6 +34,10 @@ const ContextMessage = ({
 
 	const deleteMessage = useDeleteMessage(message._id, message.rid, onChange, onReload);
 
+	const formatDateAndTime = useFormatDateAndTime();
+	const formatTime = useFormatTime();
+	const formatDate = useFormatDate();
+
 	return (
 		<>
 			<Message.Divider>{formatDate(message._updatedAt)}</Message.Divider>
@@ -62,7 +66,7 @@ const ContextMessage = ({
 							message.msg
 						)}
 						{message.blocks && <UiKitSurface mid={message._id} blocks={message.blocks} appId rid={message.rid} />}
-						{message.attachments && <Attachments attachments={message.attachments} file={message.file} />}
+						{message.attachments && <Attachments attachments={message.attachments} />}
 					</Message.Body>
 				</Message.Container>
 				<MessageToolboxWrapper>