mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-12-05 04:59:26 +05:30
69 lines
1.7 KiB
TypeScript
69 lines
1.7 KiB
TypeScript
import React, { Component } from 'react';
|
|
import { FormModel } from 'app/components/ui/form';
|
|
import ApplicationForm from 'app/components/dev/apps/applicationForm/ApplicationForm';
|
|
import oauth from 'app/services/api/oauth';
|
|
import { browserHistory } from 'app/services/history';
|
|
import { OauthAppResponse } from 'app/services/api/oauth';
|
|
import { ApplicationType } from 'app/components/dev/apps';
|
|
|
|
const app: OauthAppResponse = {
|
|
clientId: '',
|
|
clientSecret: '',
|
|
countUsers: 0,
|
|
createdAt: 0,
|
|
type: 'application',
|
|
name: '',
|
|
description: '',
|
|
websiteUrl: '',
|
|
redirectUri: '',
|
|
minecraftServerIp: '',
|
|
};
|
|
|
|
interface State {
|
|
type: ApplicationType | null;
|
|
}
|
|
|
|
export default class CreateNewApplicationPage extends Component<{}, State> {
|
|
state: State = {
|
|
type: null,
|
|
};
|
|
|
|
form: FormModel = new FormModel();
|
|
|
|
render() {
|
|
return (
|
|
<ApplicationForm
|
|
form={this.form}
|
|
displayTypeSwitcher
|
|
onSubmit={this.onSubmit}
|
|
type={this.state.type}
|
|
setType={this.setType}
|
|
app={app}
|
|
/>
|
|
);
|
|
}
|
|
|
|
onSubmit = async () => {
|
|
const { form } = this;
|
|
const { type } = this.state;
|
|
|
|
if (!type) {
|
|
throw new Error('Form was submitted without specified type');
|
|
}
|
|
|
|
form.beginLoading();
|
|
const result = await oauth.create(type, form.serialize());
|
|
form.endLoading();
|
|
|
|
this.goToMainPage(result.data.clientId);
|
|
};
|
|
|
|
setType = (type: ApplicationType) => {
|
|
this.setState({
|
|
type,
|
|
});
|
|
};
|
|
|
|
goToMainPage = (hash?: string) => browserHistory.push(`/dev/applications${hash ? `#${hash}` : ''}`);
|
|
}
|