{"action":"created","comment":{"url":"https://api.github.com/repos/andela/learning-map-front/pulls/comments/134090201","pull_request_review_id":57348773,"id":134090201,"diff_hunk":"@@ -24,14 +27,41 @@ export class DashboardComponent extends React.Component<any, any> {\n \n   constructor(props) {\n     super(props);\n-    this.state = {authorised: true};\n+    this.state = {\n+      authorised: true,\n+      menuStyle: 'menu',\n+      navBarStyle: 'container',\n+      pageContentPadding: 'container-pad-up',\n+      sideBarStyle: 'side-bar hide',\n+    };\n+    this.handleMenuIconClick = this.handleMenuIconClick.bind(this);\n+    this.handleSideBarClose = this.handleSideBarClose.bind(this);\n   }\n \n   public componentWillMount() {\n     const cookie = document.cookie;\n     this.authorizeUser(cookie);\n   }\n \n+  public handleMenuIconClick() {\n+    this.setState({\n+      menuStyle: 'menu hide-menu',\n+      navBarStyle: 'container reduce-padding',\n+      pageContentPadding: 'container-pad-down',\n+      sideBarStyle: 'side-bar',\n+    });\n+  }\n+\n+  public handleSideBarClose(e) {\n+    e.preventDefault();\n+    this.setState({","path":"src/pages/dashboard/dashboard.component.tsx","position":47,"original_position":47,"commit_id":"8a92ee32f88ed621d50069d7b1a80020d46d0297","original_commit_id":"8a92ee32f88ed621d50069d7b1a80020d46d0297","user":{"login":"andela-uofoegbu","id":24937777,"avatar_url":"https://avatars1.githubusercontent.com/u/24937777?v=4","gravatar_id":"","url":"https://api.github.com/users/andela-uofoegbu","html_url":"https://github.com/andela-uofoegbu","followers_url":"https://api.github.com/users/andela-uofoegbu/followers","following_url":"https://api.github.com/users/andela-uofoegbu/following{/other_user}","gists_url":"https://api.github.com/users/andela-uofoegbu/gists{/gist_id}","starred_url":"https://api.github.com/users/andela-uofoegbu/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela-uofoegbu/subscriptions","organizations_url":"https://api.github.com/users/andela-uofoegbu/orgs","repos_url":"https://api.github.com/users/andela-uofoegbu/repos","events_url":"https://api.github.com/users/andela-uofoegbu/events{/privacy}","received_events_url":"https://api.github.com/users/andela-uofoegbu/received_events","type":"User","site_admin":false},"body":"Try not to set state with an object directly\r\nIt's more advisable to do this instead\r\n```\r\nthis.setState(() => {\r\n      return { };\r\n    });\r\n```","created_at":"2017-08-19T11:59:18Z","updated_at":"2017-08-19T11:59:18Z","html_url":"https://github.com/andela/learning-map-front/pull/31#discussion_r134090201","pull_request_url":"https://api.github.com/repos/andela/learning-map-front/pulls/31","_links":{"self":{"href":"https://api.github.com/repos/andela/learning-map-front/pulls/comments/134090201"},"html":{"href":"https://github.com/andela/learning-map-front/pull/31#discussion_r134090201"},"pull_request":{"href":"https://api.github.com/repos/andela/learning-map-front/pulls/31"}}},"pull_request":{"url":"https://api.github.com/repos/andela/learning-map-front/pulls/31","id":136601797,"html_url":"https://github.com/andela/learning-map-front/pull/31","diff_url":"https://github.com/andela/learning-map-front/pull/31.diff","patch_url":"https://github.com/andela/learning-map-front/pull/31.patch","issue_url":"https://api.github.com/repos/andela/learning-map-front/issues/31","number":31,"state":"open","locked":false,"title":"WIP: #150001988 Create sidebar and display bookmarks ","user":{"login":"daisymacharia","id":28440972,"avatar_url":"https://avatars3.githubusercontent.com/u/28440972?v=4","gravatar_id":"","url":"https://api.github.com/users/daisymacharia","html_url":"https://github.com/daisymacharia","followers_url":"https://api.github.com/users/daisymacharia/followers","following_url":"https://api.github.com/users/daisymacharia/following{/other_user}","gists_url":"https://api.github.com/users/daisymacharia/gists{/gist_id}","starred_url":"https://api.github.com/users/daisymacharia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/daisymacharia/subscriptions","organizations_url":"https://api.github.com/users/daisymacharia/orgs","repos_url":"https://api.github.com/users/daisymacharia/repos","events_url":"https://api.github.com/users/daisymacharia/events{/privacy}","received_events_url":"https://api.github.com/users/daisymacharia/received_events","type":"User","site_admin":false},"body":"#### What does this PR do?\r\nAllows user to toggle sidebar, view app wide menus and their bookmarked contributions\r\n\r\n#### Description of Task to be completed?\r\nWhen a user clicks on the hamburger icon they should access the sidebar that contains: \r\n- The app wide menu items (Paths and Contributions)\r\n- All their bookmarks(Paths & Contributions)\r\n\r\n#### How should this be manually tested?\r\nAfter cloning the repo\r\n\r\n- Run yarn install\r\n- Run yarn start\r\n- Access the landing page via localhost:3000 and click on the LOGIN TO CONTRIBUTE button.\r\n- On the dashboard click on the hamburger icon to display the sidebar and its contents.\r\n\r\n#### Any background context you want to provide?\r\nN/A\r\n\r\n#### What are the relevant pivotal tracker stories?\r\n[#150001988](https://www.pivotaltracker.com/story/show/150001988)\r\n\r\n#### Screenshots (if appropriate)\r\n<img width=\"318\" alt=\"screen shot 2017-08-18 at 17 08 52\" src=\"https://user-images.githubusercontent.com/28440972/29485749-b1d9f84c-84df-11e7-8e47-dca6225de73a.png\">\r\n\r\n#### Questions:\r\nN/A\r\n","created_at":"2017-08-19T10:11:13Z","updated_at":"2017-08-19T11:59:18Z","closed_at":null,"merged_at":null,"merge_commit_sha":"bd7999b146d89066cf3ffec2376f2fd26eff998d","assignee":null,"assignees":[],"requested_reviewers":[],"milestone":null,"commits_url":"https://api.github.com/repos/andela/learning-map-front/pulls/31/commits","review_comments_url":"https://api.github.com/repos/andela/learning-map-front/pulls/31/comments","review_comment_url":"https://api.github.com/repos/andela/learning-map-front/pulls/comments{/number}","comments_url":"https://api.github.com/repos/andela/learning-map-front/issues/31/comments","statuses_url":"https://api.github.com/repos/andela/learning-map-front/statuses/8a92ee32f88ed621d50069d7b1a80020d46d0297","head":{"label":"andela:ft-bookmark-sidebar-150001988","ref":"ft-bookmark-sidebar-150001988","sha":"8a92ee32f88ed621d50069d7b1a80020d46d0297","user":{"login":"andela","id":4100206,"avatar_url":"https://avatars2.githubusercontent.com/u/4100206?v=4","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"repo":{"id":94885920,"name":"learning-map-front","full_name":"andela/learning-map-front","owner":{"login":"andela","id":4100206,"avatar_url":"https://avatars2.githubusercontent.com/u/4100206?v=4","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/andela/learning-map-front","description":null,"fork":false,"url":"https://api.github.com/repos/andela/learning-map-front","forks_url":"https://api.github.com/repos/andela/learning-map-front/forks","keys_url":"https://api.github.com/repos/andela/learning-map-front/keys{/key_id}","collaborators_url":"https://api.github.com/repos/andela/learning-map-front/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/andela/learning-map-front/teams","hooks_url":"https://api.github.com/repos/andela/learning-map-front/hooks","issue_events_url":"https://api.github.com/repos/andela/learning-map-front/issues/events{/number}","events_url":"https://api.github.com/repos/andela/learning-map-front/events","assignees_url":"https://api.github.com/repos/andela/learning-map-front/assignees{/user}","branches_url":"https://api.github.com/repos/andela/learning-map-front/branches{/branch}","tags_url":"https://api.github.com/repos/andela/learning-map-front/tags","blobs_url":"https://api.github.com/repos/andela/learning-map-front/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/andela/learning-map-front/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/andela/learning-map-front/git/refs{/sha}","trees_url":"https://api.github.com/repos/andela/learning-map-front/git/trees{/sha}","statuses_url":"https://api.github.com/repos/andela/learning-map-front/statuses/{sha}","languages_url":"https://api.github.com/repos/andela/learning-map-front/languages","stargazers_url":"https://api.github.com/repos/andela/learning-map-front/stargazers","contributors_url":"https://api.github.com/repos/andela/learning-map-front/contributors","subscribers_url":"https://api.github.com/repos/andela/learning-map-front/subscribers","subscription_url":"https://api.github.com/repos/andela/learning-map-front/subscription","commits_url":"https://api.github.com/repos/andela/learning-map-front/commits{/sha}","git_commits_url":"https://api.github.com/repos/andela/learning-map-front/git/commits{/sha}","comments_url":"https://api.github.com/repos/andela/learning-map-front/comments{/number}","issue_comment_url":"https://api.github.com/repos/andela/learning-map-front/issues/comments{/number}","contents_url":"https://api.github.com/repos/andela/learning-map-front/contents/{+path}","compare_url":"https://api.github.com/repos/andela/learning-map-front/compare/{base}...{head}","merges_url":"https://api.github.com/repos/andela/learning-map-front/merges","archive_url":"https://api.github.com/repos/andela/learning-map-front/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/andela/learning-map-front/downloads","issues_url":"https://api.github.com/repos/andela/learning-map-front/issues{/number}","pulls_url":"https://api.github.com/repos/andela/learning-map-front/pulls{/number}","milestones_url":"https://api.github.com/repos/andela/learning-map-front/milestones{/number}","notifications_url":"https://api.github.com/repos/andela/learning-map-front/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/andela/learning-map-front/labels{/name}","releases_url":"https://api.github.com/repos/andela/learning-map-front/releases{/id}","deployments_url":"https://api.github.com/repos/andela/learning-map-front/deployments","created_at":"2017-06-20T11:51:43Z","updated_at":"2017-07-27T14:47:36Z","pushed_at":"2017-08-19T10:48:18Z","git_url":"git://github.com/andela/learning-map-front.git","ssh_url":"git@github.com:andela/learning-map-front.git","clone_url":"https://github.com/andela/learning-map-front.git","svn_url":"https://github.com/andela/learning-map-front","homepage":null,"size":5158,"stargazers_count":0,"watchers_count":0,"language":"TypeScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"open_issues_count":4,"forks":1,"open_issues":4,"watchers":0,"default_branch":"develop"}},"base":{"label":"andela:develop","ref":"develop","sha":"12bfd7303ac6e5959d1c10ba94c9ec2dd07ba7bc","user":{"login":"andela","id":4100206,"avatar_url":"https://avatars2.githubusercontent.com/u/4100206?v=4","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"repo":{"id":94885920,"name":"learning-map-front","full_name":"andela/learning-map-front","owner":{"login":"andela","id":4100206,"avatar_url":"https://avatars2.githubusercontent.com/u/4100206?v=4","gravatar_id":"","url":"https://api.github.com/users/andela","html_url":"https://github.com/andela","followers_url":"https://api.github.com/users/andela/followers","following_url":"https://api.github.com/users/andela/following{/other_user}","gists_url":"https://api.github.com/users/andela/gists{/gist_id}","starred_url":"https://api.github.com/users/andela/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andela/subscriptions","organizations_url":"https://api.github.com/users/andela/orgs","repos_url":"https://api.github.com/users/andela/repos","events_url":"https://api.github.com/users/andela/events{/privacy}","received_events_url":"https://api.github.com/users/andela/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/andela/learning-map-front","description":null,"fork":false,"url":"https://api.github.com/repos/andela/learning-map-front","forks_url":"https://api.github.com/repos/andela/learning-map-front/forks","keys_url":"https://api.github.com/repos/andela/learning-map-front/keys{/key_id}","collaborators_url":"https://api.github.com/repos/andela/learning-map-front/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/andela/learning-map-front/teams","hooks_url":"https://api.github.com/repos/andela/learning-map-front/hooks","issue_events_url":"https://api.github.com/repos/andela/learning-map-front/issues/events{/number}","events_url":"https://api.github.com/repos/andela/learning-map-front/events","assignees_url":"https://api.github.com/repos/andela/learning-map-front/assignees{/user}","branches_url":"https://api.github.com/repos/andela/learning-map-front/branches{/branch}","tags_url":"https://api.github.com/repos/andela/learning-map-front/tags","blobs_url":"https://api.github.com/repos/andela/learning-map-front/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/andela/learning-map-front/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/andela/learning-map-front/git/refs{/sha}","trees_url":"https://api.github.com/repos/andela/learning-map-front/git/trees{/sha}","statuses_url":"https://api.github.com/repos/andela/learning-map-front/statuses/{sha}","languages_url":"https://api.github.com/repos/andela/learning-map-front/languages","stargazers_url":"https://api.github.com/repos/andela/learning-map-front/stargazers","contributors_url":"https://api.github.com/repos/andela/learning-map-front/contributors","subscribers_url":"https://api.github.com/repos/andela/learning-map-front/subscribers","subscription_url":"https://api.github.com/repos/andela/learning-map-front/subscription","commits_url":"https://api.github.com/repos/andela/learning-map-front/commits{/sha}","git_commits_url":"https://api.github.com/repos/andela/learning-map-front/git/commits{/sha}","comments_url":"https://api.github.com/repos/andela/learning-map-front/comments{/number}","issue_comment_url":"https://api.github.com/repos/andela/learning-map-front/issues/comments{/number}","contents_url":"https://api.github.com/repos/andela/learning-map-front/contents/{+path}","compare_url":"https://api.github.com/repos/andela/learning-map-front/compare/{base}...{head}","merges_url":"https://api.github.com/repos/andela/learning-map-front/merges","archive_url":"https://api.github.com/repos/andela/learning-map-front/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/andela/learning-map-front/downloads","issues_url":"https://api.github.com/repos/andela/learning-map-front/issues{/number}","pulls_url":"https://api.github.com/repos/andela/learning-map-front/pulls{/number}","milestones_url":"https://api.github.com/repos/andela/learning-map-front/milestones{/number}","notifications_url":"https://api.github.com/repos/andela/learning-map-front/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/andela/learning-map-front/labels{/name}","releases_url":"https://api.github.com/repos/andela/learning-map-front/releases{/id}","deployments_url":"https://api.github.com/repos/andela/learning-map-front/deployments","created_at":"2017-06-20T11:51:43Z","updated_at":"2017-07-27T14:47:36Z","pushed_at":"2017-08-19T10:48:18Z","git_url":"git://github.com/andela/learning-map-front.git","ssh_url":"git@github.com:andela/learning-map-front.git","clone_url":"https://github.com/andela/learning-map-front.git","svn_url":"https://github.com/andela/learning-map-front","homepage":null,"size":5158,"stargazers_count":0,"watchers_count":0,"language":"TypeScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"open_issues_count":4,"forks":1,"open_issues":4,"watchers":0,"default_branch":"develop"}},"_links":{"self":{"href":"https://api.github.com/repos/andela/learning-map-front/pulls/31"},"html":{"href":"https://github.com/andela/learning-map-front/pull/31"},"issue":{"href":"https://api.github.com/repos/andela/learning-map-front/issues/31"},"comments":{"href":"https://api.github.com/repos/andela/learning-map-front/issues/31/comments"},"review_comments":{"href":"https://api.github.com/repos/andela/learning-map-front/pulls/31/comments"},"review_comment":{"href":"https://api.github.com/repos/andela/learning-map-front/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/andela/learning-map-front/pulls/31/commits"},"statuses":{"href":"https://api.github.com/repos/andela/learning-map-front/statuses/8a92ee32f88ed621d50069d7b1a80020d46d0297"}}}}
{"actor":{"display_login":"andela-uofoegbu"}}