feat: add room creation date in admin panel

apps/meteor/client/views/admin/rooms/RoomRow.tsx

@@ -7,7 +7,8 @@
 import React, { useCallback } from 'react';
 
 import { GenericTableCell, GenericTableRow } from '../../../components/GenericTable';
 import { roomCoordinator } from '../../../lib/rooms/roomCoordinator';
+import { useFormatDate } from '/client/hooks/useFormatDate';
 
 const roomTypeI18nMap = {
 	l: 'Omnichannel',
@@ -19,12 +20,13 @@
 const getRoomDisplayName = (room: Pick<IRoom, RoomAdminFieldsType>): string | undefined =>
 	room.t === 'd' ? room.usernames?.join(' x ') : roomCoordinator.getRoomName(room.t, room);
 
-const RoomRow = ({ room }: { room: Pick<IRoom, RoomAdminFieldsType> }) => {
+const RoomRow = ({ room }: { room: Pick<IRoom, RoomAdminFieldsType> &{ts ?: Date}}) => {
 	const t = useTranslation();
 	const mediaQuery = useMediaQuery('(min-width: 1024px)');
 	const router = useRouter();
+	const formatDate=useFormatDate();
 
-	const { _id, t: type, usersCount, msgs, default: isDefault, featured, ...args } = room;
+	const { _id, t: type, usersCount, msgs, default: isDefault, featured, ts, ...args } = room;
 	const icon = roomCoordinator.getRoomDirectives(room.t).getIcon?.(room);
 	const roomName = getRoomDisplayName(room);
 
@@ -83,6 +85,7 @@
 			{mediaQuery && <GenericTableCell withTruncatedText>{msgs}</GenericTableCell>}
 			{mediaQuery && <GenericTableCell withTruncatedText>{isDefault ? t('True') : t('False')}</GenericTableCell>}
 			{mediaQuery && <GenericTableCell withTruncatedText>{featured ? t('True') : t('False')}</GenericTableCell>}
+			{mediaQuery && ts && <GenericTableCell withTruncatedText>{formatDate(ts)}</GenericTableCell>}
 		</GenericTableRow>
 	);
 };

apps/meteor/client/views/admin/rooms/RoomsTable.tsx

@@ -34,7 +34,7 @@
 
 	const prevRoomFilterText = useRef<string>(roomFilters.searchText);
 
-	const { sortBy, sortDirection, setSort } = useSort<'name' | 't' | 'usersCount' | 'msgs' | 'default' | 'featured'>('name');
+	const { sortBy, sortDirection, setSort } = useSort<'name' | 't' | 'usersCount' | 'msgs' | 'default' | 'featured'|'createdAt'>('name');
 	const { current, itemsPerPage, setItemsPerPage, setCurrent, ...paginationProps } = usePagination();
 	const searchText = useDebouncedValue(roomFilters.searchText, 500);
 
@@ -109,6 +109,16 @@
 					>
 						{t('Featured')}
 					</GenericTableHeaderCell>
+					<GenericTableHeaderCell
+						key='createdAt'
+						direction={sortDirection}
+						active={sortBy === 'createdAt'}
+						onClick={setSort}
+						sort='createdAt'
+						w='x80'
+					>
+						{t('Created_at')}
+					</GenericTableHeaderCell>
 				</>
 			)}
 		</>

apps/meteor/lib/rooms/adminFields.ts

@@ -28,4 +28,5 @@
 	uids: 1,
 	avatarETag: 1,
 	federated: 1,
+	ts:1,
 } as const;