62 lines
2.3 KiB
JavaScript
62 lines
2.3 KiB
JavaScript
import React, { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
import AddView from 'payload/client/components/views/collections/Add';
|
|
import StickOnScroll from 'payload/client/components/layout/StickOnScroll';
|
|
import APIUrl from 'payload/client/components/modules/APIUrl';
|
|
import Button from 'payload/client/components/controls/Button';
|
|
import Form from 'payload/client/components/forms/Form';
|
|
import Input from 'payload/client/components/field-types/Input';
|
|
import Textarea from 'payload/client/components/field-types/Textarea';
|
|
import Group from 'payload/client/components/field-types/Group';
|
|
|
|
const mapStateToProps = state => ({
|
|
collections: state.collections.all
|
|
});
|
|
|
|
class Add extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.slug = 'pages';
|
|
this.collection = this.props.collections[this.slug];
|
|
this.state = {
|
|
apiUrl: 'https://site.com/page?slug=about-us'
|
|
};
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<AddView slug={this.slug} collection={this.collection}>
|
|
<header>
|
|
<h1>Add New {this.collection.attrs.singular}</h1>
|
|
</header>
|
|
<StickOnScroll>
|
|
<APIUrl url={this.state.apiUrl} />
|
|
<div className="controls">
|
|
<Button type="secondary">Preview</Button>
|
|
<Button>Save</Button>
|
|
</div>
|
|
</StickOnScroll>
|
|
<Form method="POST" action="#">
|
|
<Input type="email" label="Page Title" name="title" required />
|
|
<Group heading="Meta Information">
|
|
<Textarea name="description" label="Meta Description" wysiwyg={false} height={100} />
|
|
<Input type="text" label="Meta Keywords" name="keywords" required />
|
|
</Group>
|
|
<Input type="email" label="Page Title" name="title" required />
|
|
<Group heading="Meta Information">
|
|
<Textarea name="description" label="Meta Description" wysiwyg={false} height={100} />
|
|
<Input type="text" label="Meta Keywords" name="keywords" required />
|
|
</Group>
|
|
<Group heading="Meta Information">
|
|
<Textarea name="description" label="Meta Description" wysiwyg={false} height={100} />
|
|
<Input type="text" label="Meta Keywords" name="keywords" required />
|
|
</Group>
|
|
</Form>
|
|
</AddView>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default connect(mapStateToProps)(Add);
|