[NEW] Admin view-logs page

app/logger/client/components/ViewLogs/ViewLogs.stories.js

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { ViewLogs } from '.';
+
+export default {
+	title: 'admin/pages/ViewLogs',
+	component: ViewLogs,
+	// decorators: [
+	//  (storyFn) => <SettingsState>
+	//      {storyFn()}
+	//  </SettingsState>,
+	// ],
+};
+
+export const _default = () =>
+	<ViewLogs />;

app/logger/client/components/ViewLogs/ViewLogsRoute.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import { NotAuthorizedPage } from '../../../../ui-admin/client/components/settings/NotAuthorizedPage';
+import { usePermission } from '../../../../../client/contexts/AuthorizationContext';
+
+import { ViewLogs } from '.';
+
+export default function ViewLogsRoute() {
+	const canViewLogs = usePermission('view-logs');
+	return canViewLogs ? <ViewLogs/> : <NotAuthorizedPage/>;
+}

app/logger/client/components/ViewLogs/index.js

@@ -0,0 +1,34 @@
+import { Meteor } from 'meteor/meteor';
+import React, { useEffect, useState } from 'react';
+import { Box } from '@rocket.chat/fuselage';
+
+import { useTranslation } from '../../../../../client/contexts/TranslationContext';
+import { Page } from '../../../../../client/components/basic/Page';
+import { ansispan } from '../../ansispan';
+import { APIClient } from '../../../../utils/client';
+
+export function ViewLogs() {
+	const [stdout, setStdout] = useState([]);
+	useEffect(() => {
+		(async () => {
+			const data = await APIClient.v1.get('stdout.queue');
+
+			setStdout(data.queue);
+		})();
+
+		const stdoutStreamer = new Meteor.Streamer('stdout');
+
+		stdoutStreamer.on('stdout', (item) => stdout.push(item));
+
+		return () => {
+			stdoutStreamer.removeListener('stdout');
+		};
+	}, []);
+
+	const t = useTranslation();
+
+	return <Page _id='viewlogs' i18nLabel='ViewLogs'>
+		<Page.Header title={t('View Logs')}></Page.Header>
+		<Box componentClassName='view-logs__terminal' width='full' height='full' dangerouslySetInnerHTML={{ __html: stdout.map(({ string }) => ansispan(string)).join('\n') }} />
+	</Page>;
+}

app/logger/client/viewLogs.js

@@ -21,13 +21,5 @@ Meteor.startup(function() {
 
 registerAdminRoute('/view-logs', {
 	name: 'admin-view-logs',
-	async action() {
-		await import('./views/viewLogs');
-		return BlazeLayout.render('main', {
-			center: 'pageSettingsContainer',
-			pageTitle: t('View_Logs'),
-			pageTemplate: 'viewLogs',
-			noScroll: true,
-		});
-	},
+	lazyRouteComponent: () => import('./components/ViewLogs/ViewLogsRoute'),
 });