[IMPROVE] Rewrite Prune Messages as React component

app/discussion/client/tabBar.ts

@@ -1,8 +1,10 @@
-import { useMemo, lazy, LazyExoticComponent, FC } from 'react';
+import { useMemo, lazy } from 'react';
 
 import { addAction } from '../../../client/views/room/lib/Toolbox';
 import { useSetting } from '../../../client/contexts/SettingsContext';
 
+const template = lazy(() => import('../../../client/views/room/contextualBar/Discussions'));
+
 addAction('discussions', () => {
 	const discussionEnabled = useSetting('Discussion_enabled');
 
@@ -11,7 +13,7 @@ addAction('discussions', () => {
 		id: 'discussions',
 		title: 'Discussions',
 		icon: 'discussion',
-		template: lazy(() => import('../../../client/views/room/contextualBar/Discussions')) as LazyExoticComponent<FC>,
+		template,
 		full: true,
 		order: 1,
 	} : null), [discussionEnabled]);

app/otr/client/tabBar.ts

@@ -1,9 +1,11 @@
-import { useMemo, lazy, LazyExoticComponent, FC, useEffect } from 'react';
+import { useMemo, lazy, useEffect } from 'react';
 
 import { OTR } from './rocketchat.otr';
 import { useSetting } from '../../../client/contexts/SettingsContext';
 import { addAction } from '../../../client/views/room/lib/Toolbox';
 
+const template = lazy(() => import('../../../client/views/room/contextualBar/OTR'));
+
 addAction('otr', () => {
 	const enabled = useSetting('OTR_Enable');
 
@@ -24,7 +26,7 @@ addAction('otr', () => {
 			id: 'otr',
 			title: 'OTR',
 			icon: 'key',
-			template: lazy(() => import('../../../client/views/room/contextualBar/OTR')) as LazyExoticComponent<FC>,
+			template,
 			order: 13,
 			full: true,
 		} : null), [shouldAddAction]);

app/ui-clean-history/client/index.js

@@ -1,4 +1 @@
 import './lib/startup';
-import './views/cleanHistory.html';
-import './views/cleanHistory';
-import './views/stylesheets/cleanHistory.css';

app/ui-clean-history/client/lib/startup.ts

@@ -1,18 +1,20 @@
 
-import { useMemo } from 'react';
+import { useMemo, lazy } from 'react';
 
 import { addAction } from '../../../../client/views/room/lib/Toolbox';
 import { usePermission } from '../../../../client/contexts/AuthorizationContext';
 
+const template = lazy(() => import('../../../../client/views/room/contextualBar/PruneMessages'));
+
 addAction('clean-history', ({ room }) => {
 	const hasPermission = usePermission('clean-channel-history', room._id);
 	return useMemo(() => (hasPermission ? {
 		groups: ['channel', 'group', 'direct'],
 		id: 'clean-history',
-		anonymous: true,
+		full: true,
 		title: 'Prune_Messages',
 		icon: 'eraser',
-		template: 'cleanHistory',
+		template,
 		order: 250,
 	} : null), [hasPermission]);
 });