snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

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

@@ -0,0 +1,51 @@
+import type { IRoom } from '@rocket.chat/core-typings';
+import { ContextualbarHeader, ContextualbarTitle, ContextualbarClose, ContextualbarSkeletonBody } from '@rocket.chat/ui-client';
+import { useEndpoint } from '@rocket.chat/ui-contexts';
+import { useQuery } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+
+import EditRoom from './EditRoom';
+
+export type EditRoomWithDataProps = { rid?: IRoom['_id']; onReload: () => void; onClose: () => void };
+
+const EditRoomWithData = ({ rid, onReload, onClose }: EditRoomWithDataProps) => {
+	const { t } = useTranslation();
+
+	const getAdminRooms = useEndpoint('GET', '/v1/rooms.adminRooms.getRoom');
+
+	const { data, isPending, refetch } = useQuery({
+		queryKey: ['rooms', rid, 'admin'],
+		queryFn: async () => {
+			const rooms = await getAdminRooms({ rid });
+			return rooms;
+		},
+		meta: {
+			apiErrorToastMessage: true,
+		},
+	});
+
+	if (isPending) {
+		return <ContextualbarSkeletonBody />;
+	}
+
+	const handleChange = (): void => {
+		refetch();
+		onReload();
+	};
+
+	const handleDelete = (): void => {
+		onReload();
+	};
+
+	return data ? (
+		<>
+			<ContextualbarHeader>
+				<ContextualbarTitle>{t('Room_Info')}</ContextualbarTitle>
+				<ContextualbarClose onClick={onClose} />
+			</ContextualbarHeader>
+			<EditRoom room={data as IRoom} onChange={handleChange} onDelete={handleDelete} onClose={onClose} />
+		</>
+	) : null;
+};
+
+export default EditRoomWithData;