created a submission list component

Author: David Silva

src/components/submit/list.js

@@ -0,0 +1,35 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { SubmitType } from '../../types';
+import { Link } from 'react-router-dom';
+import Moment from '../misc/moment';
+
+class SubmitList extends Component {
+    static propTypes = {
+        submits: PropTypes.arrayOf(SubmitType),
+    }
+
+    render() {
+        const { submits } = this.props;
+
+        return(
+            <div>
+                {submits.map((s) => (
+                    s && s.attributes &&
+                    <div key={ s.id }>
+                        <p>Submission for: <strong> {s.attributes.challenge.number }&nbsp;</strong>
+                            <Link to={`/challenge/${s.attributes.challenge.number}/${ s.attributes.challenge.title }`}>{ s.attributes.challenge.title } </Link>
+                        </p>
+                        <p><strong>Description:</strong> { s.attributes.description }</p>
+                        <p>Submitted: <Moment date={ s.attributes.createdAt } /></p>
+                        <p>
+                            <Link to={`/submit/${ s.id }`} className="btn btn-primary">View Details</Link>
+                        </p>
+                    </div>
+                ))}
+            </div>
+        );
+    }
+}
+
+export default SubmitList;

src/containers/submit/index.js

@@ -26,14 +26,14 @@ class ChallengeContainer extends Component {
     render() {
         const { challenge, submission, user } = this.props;
         return (
-            <div>
+            <div style={{ margin: '30px auto' }} >
                 {submission && challenge && <Helmet>
                     <title>{ `codecorgi | submission for: ${ challenge.title }` }</title>
                     <meta property="og:title" content={ `codecorgi | submission for: ${ challenge.title }` } />
                     <meta property="og:url" content={ `${PROD_URL}/${ challenge.url }` } />
                     <meta name="twitter:title" content={ `codecorgi | submission for: ${ challenge.title }` } />
                 </Helmet>}
-                {submission && challenge &&
+                {submission && challenge && user._id &&
                     <SubmitDetails submission={ submission } challenge={ challenge } user={ user } />
                 }
             </div>