[NEW] Admin Rewrite -> OAuth Apps

app/oauth2-server-config/client/index.js

@@ -1,5 +1,4 @@
 import './oauth/oauth2-client.html';
 import './oauth/oauth2-client';
 import './admin/startup';
-import './admin/route';
 import './oauth/stylesheets/oauth2.css';

client/admin/oauthApps/OAuthAddApp.js

@@ -0,0 +1,87 @@
+import React, { useCallback, useState } from 'react';
+import {
+	Button,
+	ButtonGroup,
+	TextInput,
+	Field,
+	TextAreaInput,
+	ToggleSwitch,
+	FieldGroup,
+} from '@rocket.chat/fuselage';
+
+import { useTranslation } from '../../contexts/TranslationContext';
+import { useMethod } from '../../contexts/ServerContext';
+import { useRoute } from '../../contexts/RouterContext';
+import { useToastMessageDispatch } from '../../contexts/ToastMessagesContext';
+import VerticalBar from '../../components/basic/VerticalBar';
+
+
+export default function OAuthAddApp(props) {
+	const t = useTranslation();
+	const dispatchToastMessage = useToastMessageDispatch();
+
+	const [newData, setNewData] = useState({
+		name: '',
+		active: false,
+		redirectUri: '',
+	});
+
+	const saveApp = useMethod('addOAuthApp');
+
+	const router = useRoute('admin-oauth-apps');
+
+	const close = useCallback(() => router.push({}), [router]);
+
+	const handleSave = useCallback(async () => {
+		try {
+			await saveApp(
+				newData,
+			);
+			close();
+			dispatchToastMessage({ type: 'success', message: t('Application_added') });
+		} catch (error) {
+			dispatchToastMessage({ type: 'error', message: error });
+		}
+	}, [JSON.stringify(newData)]);
+
+	const handleChange = (field, getValue = (e) => e.currentTarget.value) => (e) => setNewData({ ...newData, [field]: getValue(e) });
+
+	const {
+		active,
+		name,
+		redirectUri,
+	} = newData;
+
+	return <VerticalBar.ScrollableContent w='full' {...props}>
+		<FieldGroup maxWidth='x600' alignSelf='center' w='full'>
+			<Field>
+				<Field.Label display='flex' justifyContent='space-between' w='full'>
+					{t('Active')}
+					<ToggleSwitch checked={active} onChange={handleChange('active', () => !active)}/>
+				</Field.Label>
+			</Field>
+			<Field>
+				<Field.Label>{t('Application_Name')}</Field.Label>
+				<Field.Row>
+					<TextInput value={name} onChange={handleChange('name')} />
+				</Field.Row>
+				<Field.Hint>{t('Give_the_application_a_name_This_will_be_seen_by_your_users')}</Field.Hint>
+			</Field>
+			<Field>
+				<Field.Label>{t('Redirect_URI')}</Field.Label>
+				<Field.Row>
+					<TextAreaInput rows={5} value={redirectUri} onChange={handleChange('redirectUri')}/>
+				</Field.Row>
+				<Field.Hint>{t('After_OAuth2_authentication_users_will_be_redirected_to_this_URL')}</Field.Hint>
+			</Field>
+			<Field>
+				<Field.Row>
+					<ButtonGroup stretch w='full'>
+						<Button onClick={close}>{t('Cancel')}</Button>
+						<Button primary onClick={handleSave} >{t('Save')}</Button>
+					</ButtonGroup>
+				</Field.Row>
+			</Field>
+		</FieldGroup>
+	</VerticalBar.ScrollableContent>;
+}