Removed Collection scene
This commit is contained in:
@ -1,48 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import React from 'react';
|
|
||||||
import { observer } from 'mobx-react';
|
|
||||||
import { Link } from 'react-router-dom';
|
|
||||||
import moment from 'moment';
|
|
||||||
|
|
||||||
import styles from './Collection.scss';
|
|
||||||
|
|
||||||
@observer class Collection extends React.Component {
|
|
||||||
static propTypes = {
|
|
||||||
data: React.PropTypes.object.isRequired,
|
|
||||||
};
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const data = this.props.data;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={styles.container}>
|
|
||||||
<h2>
|
|
||||||
<Link to={data.url} className={styles.atlasLink}>{data.name}</Link>
|
|
||||||
</h2>
|
|
||||||
{data.recentDocuments.length > 0
|
|
||||||
? data.recentDocuments.map(document => {
|
|
||||||
return (
|
|
||||||
<Link
|
|
||||||
key={document.id}
|
|
||||||
to={document.url}
|
|
||||||
className={styles.link}
|
|
||||||
>
|
|
||||||
<h3 className={styles.title}>{document.title}</h3>
|
|
||||||
<span className={styles.timestamp}>
|
|
||||||
{moment(document.updatedAt).fromNow()}
|
|
||||||
</span>
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
})
|
|
||||||
: <div className={styles.description}>
|
|
||||||
No documents. Why not
|
|
||||||
{' '}
|
|
||||||
<Link to={`${data.url}/new`}>create one</Link>
|
|
||||||
?
|
|
||||||
</div>}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Collection;
|
|
@ -1,41 +0,0 @@
|
|||||||
@import '~styles/constants.scss';
|
|
||||||
|
|
||||||
.container {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
flex-direction: column;
|
|
||||||
padding-bottom: 40px;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
.atlasLink {
|
|
||||||
text-decoration: none;
|
|
||||||
color: $textColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
.description {
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.link {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 15px;
|
|
||||||
color: $textColor;
|
|
||||||
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timestamp {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
@ -1,21 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import React from 'react';
|
|
||||||
import { observer } from 'mobx-react';
|
|
||||||
|
|
||||||
import moment from 'moment';
|
|
||||||
import { Link } from 'react-router-dom';
|
|
||||||
|
|
||||||
import styles from './DocumentLink.scss';
|
|
||||||
|
|
||||||
const DocumentLink = observer(props => {
|
|
||||||
return (
|
|
||||||
<Link to={props.document.url} className={styles.link}>
|
|
||||||
<h3 className={styles.title}>{props.document.title}</h3>
|
|
||||||
<span className={styles.timestamp}>
|
|
||||||
{moment(props.document.updatedAt).fromNow()}
|
|
||||||
</span>
|
|
||||||
</Link>
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
export default DocumentLink;
|
|
@ -1,23 +0,0 @@
|
|||||||
@import '~styles/constants.scss';
|
|
||||||
|
|
||||||
.link {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
margin-bottom: 20px;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 15px;
|
|
||||||
color: $textColor;
|
|
||||||
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timestamp {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import DocumentLink from './DocumentLink';
|
|
||||||
export default DocumentLink;
|
|
@ -1,3 +0,0 @@
|
|||||||
// @flow
|
|
||||||
import Collection from './Collection';
|
|
||||||
export default Collection;
|
|
Reference in New Issue
Block a user