scroll down to items in pulse list using #<pulse-id> hashes.

frontend/src/pulse/components/PulseList.jsx

@@ -55,6 +55,7 @@ export default class PulseList extends Component {
                         {pulses.slice().sort((a,b) => b.created_at - a.created_at).map(pulse =>
                             <li key={pulse.id}>
                                 <PulseListItem
+                                    scrollTo={pulse.id === this.props.pulseId}
                                     pulse={pulse}
                                     user={user}
                                     formInput={this.props.formInput}

frontend/src/pulse/components/PulseListItem.jsx

@@ -9,11 +9,18 @@ export default class PulseListItem extends Component {
         user: PropTypes.object.isRequired
     };
 
+    componentDidMount() {
+        if (this.props.scrollTo) {
+            const element = React.findDOMNode(this.refs.pulseListItem);
+            element.scrollIntoView(true);
+        }
+    }
+
     render() {
         let { pulse, formInput, user } = this.props;
 
         return (
-            <div className="PulseListItem bordered rounded mb2 pt3">
+            <div ref="pulseListItem" className="PulseListItem bordered rounded mb2 pt3">
                 <div className="flex px4 mb2">
                     <div>
                         <h2 className="mb1">{pulse.name}</h2>

frontend/src/pulse/pulse.module.js

@@ -27,6 +27,7 @@ Pulse.config(['$routeProvider', function ($routeProvider) {
                 $scope.Component = PulseListApp;
                 $scope.props = {
                     user: AppState.model.currentUser,
+                    pulseId: parseInt($location.hash()),
                     onChangeLocation: function(url) {
                         $scope.$apply(() => $location.url(url));
                     }