improve project graph

src/components/TimelineAxis.jsx

@@ -69,7 +69,7 @@ class TimelineAxis extends React.Component {
         />
         <g
           ref={this.xAxis1Ref}
-          transform={`translate(0, ${this.props.dims.trackHeight + 35})`}
+          transform={`translate(0, 10)`}
           clipPath={`url(#clip)`}
           className={`axis axisHourText`}
         />

src/components/presentational/Map/Events.jsx

@@ -94,6 +94,7 @@ function MapEvents ({ getCategoryColor, categories, projectPoint, styleLocation,
       longitude: '32.2'
     }
     */
+    if (!location.latitude || !location.longitude) return null
     const { x, y } = projectPoint([location.latitude, location.longitude])
 
     // in narrative mode, only render events in narrative

src/components/presentational/Timeline/DatetimeBar.js

@@ -21,5 +21,3 @@ export default ({
     height={height}
   />
 )
-
-// export default () => null

src/components/presentational/Timeline/Events.js

@@ -136,22 +136,27 @@ const TimelineEvents = ({
   //   })
   // })
 
-  let projects
+  let renderProjects = () => null
   if (process.env.features.ASSOCIATIVE_EVENTS_BY_TAG) {
-    projects = datetimes[1]
+    const projects = datetimes[1]
     datetimes = datetimes[0]
+    renderProjects = function () {
+      return <React.Fragment>
+        {projects.map(project => <Project
+          {...project}
+          getX={getDatetimeX}
+          dims={dims}
+          colour={getCategoryColor(project.category)}
+        />)}
+      </React.Fragment>
+    }
   }
 
   return (
     <g
       clipPath={'url(#clip)'}
     >
-      {projects.map(project => (<Project
-        {...project}
-        getX={getDatetimeX}
-        dims={dims}
-        colour={getCategoryColor(project.category)}
-      />))}
+      {renderProjects()}
       {datetimes.map(datetime => renderDatetime(datetime))}
     </g>
   )