Removed Collection scene

This commit is contained in:
Jori Lallo 2017-09-10 16:23:57 -04:00
parent ff8bfd0c07
commit 20cab4df91
6 changed files with 0 additions and 139 deletions

View File

@ -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;

View File

@ -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;
}

View File

@ -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;

View File

@ -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;
}

View File

@ -1,3 +0,0 @@
// @flow
import DocumentLink from './DocumentLink';
export default DocumentLink;

View File

@ -1,3 +0,0 @@
// @flow
import Collection from './Collection';
export default Collection;