diff --git a/app/soapbox/features/developers/apps/create.js b/app/soapbox/features/developers/apps/create.js new file mode 100644 index 000000000..e9aa77d8f --- /dev/null +++ b/app/soapbox/features/developers/apps/create.js @@ -0,0 +1,41 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { injectIntl, FormattedMessage, defineMessages } from 'react-intl'; +import Column from 'soapbox/features/ui/components/column'; +import { SimpleForm, TextInput } from 'soapbox/features/forms'; + +const messages = defineMessages({ + heading: { id: 'column.app_create', defaultMessage: 'Create app' }, + namePlaceholder: { id: 'app_create.name_placeholder', defaultMessage: 'e.g. \'Soapbox\'' }, +}); + +export default @injectIntl +class CreateApp extends React.Component { + + static propTypes = { + intl: PropTypes.object.isRequired, + } + + render() { + const { intl } = this.props; + + return ( + + + TODO: This page is incomplete + + } + placeholder={intl.formatMessage(messages.namePlaceholder)} + required + /> + } + placeholder='https://soapbox.pub' + /> + + + ); + } + +} diff --git a/app/soapbox/features/developers/index.js b/app/soapbox/features/developers/index.js index 173f82c81..19b7c7b61 100644 --- a/app/soapbox/features/developers/index.js +++ b/app/soapbox/features/developers/index.js @@ -23,12 +23,12 @@ class Developers extends React.Component {
- +
- +
- +
diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js index 924c5a757..4256988b6 100644 --- a/app/soapbox/features/ui/index.js +++ b/app/soapbox/features/ui/index.js @@ -116,6 +116,7 @@ import { NewStatus, IntentionalError, Developers, + CreateApp, } from './util/async-components'; // Dummy import, to make sure that ends up in the application bundle. @@ -320,8 +321,9 @@ class SwitchingColumnsArea extends React.PureComponent { - + + diff --git a/app/soapbox/features/ui/util/async-components.js b/app/soapbox/features/ui/util/async-components.js index 9bd0418b6..b01582ac1 100644 --- a/app/soapbox/features/ui/util/async-components.js +++ b/app/soapbox/features/ui/util/async-components.js @@ -429,3 +429,7 @@ export function IntentionalError() { export function Developers() { return import(/* webpackChunkName: "features/developers" */'../../developers'); } + +export function CreateApp() { + return import(/* webpackChunkName: "features/developers" */'../../developers/apps/create'); +}