1 files changed, 14 insertions, 8 deletions
diff --git a/animism-align/frontend/app/views/venue/containers/venue.index.js b/animism-align/frontend/app/views/venue/containers/venue.index.js
index 9a44fa7..9ab9ba1 100644
--- a/animism-align/frontend/app/views/venue/containers/venue.index.js
+++ b/animism-align/frontend/app/views/venue/containers/venue.index.js
@@ -20,7 +20,8 @@ class VenueIndex extends Component {
 
   render() {
     const { loading, lookup, order } = this.props.venue.index
-    if (loading) {
+    const project_id = parseInt(this.props.match.params.id)
+    if (loading || this.props.project.loading) {
       return (
         <section>
           <Loader />
@@ -42,19 +43,23 @@ class VenueIndex extends Component {
         </section>
       )
     }
+    const project = this.props.project.lookup[project_id]
     return (
       <section>
         <div className="row venue-index">
           <VenueMenu />
           <div className="venue-list">
-            <h1>Venues</h1>
+            <h1>{project.title}</h1>
+            <h2>Venues</h2>
             {order.map(id => (
-              <div key={id}>
-                <Link to={"/venue/" + id + "/edit/"}>
-                  {lookup[id].title}
-                </Link>
-                {lookup[id].date}
-              </div>
+              lookup[id].project_id === project_id && (
+                <div key={id}>
+                  <Link to={"/venue/" + id + "/edit/"}>
+                    {lookup[id].title}
+                  </Link>
+                  {lookup[id].date}
+                </div>
+              )
             ))}
           </div>
         </div>
@@ -65,6 +70,7 @@ class VenueIndex extends Component {
 }
 
 const mapStateToProps = state => ({
+  project: state.project.index,
   venue: state.venue,
 })