{"action":"created","comment":{"url":"https://api.github.com/repos/cerner/terra-consumer/pulls/comments/133118072","pull_request_review_id":56263479,"id":133118072,"diff_hunk":"@@ -0,0 +1,166 @@\n+import React from 'react';\n+import PropTypes from 'prop-types';\n+import classNames from 'classnames/bind';\n+import Arrange from 'terra-arrange';\n+import Popup from 'terra-popup';\n+import Overlay from 'terra-overlay';\n+import ResponsiveElement from 'terra-responsive-element';\n+import CloseIcon from '../../icons/CloseIcon';\n+import styles from './UserProfile.scss';\n+\n+const cx = classNames.bind(styles);\n+\n+const translations = {\n+  signout: 'Sign Out',\n+  settings: 'Settings',\n+  help: 'Help',\n+};\n+const propTypes = {\n+  profile: PropTypes.shape({\n+    name: PropTypes.string.isRequired,\n+    icon: PropTypes.PropTypes.oneOfType([\n+      PropTypes.string,\n+      PropTypes.element,\n+    ]).isRequired,\n+    avatar: PropTypes.oneOfType([\n+      PropTypes.string,\n+      PropTypes.element,\n+    ]),\n+    signoutUrl: PropTypes.string.isRequired,\n+    links: PropTypes.arrayOf(PropTypes.shape({\n+      slug: PropTypes.string,\n+      nav_type: PropTypes.oneOf(['GROUPING', 'EXTERNAL', 'APPLICATION', 'MODAL']),\n+      text: PropTypes.string.isRequired,\n+      uri: PropTypes.string.isRequired,\n+      icon: PropTypes.oneOfType([\n+        PropTypes.string,\n+        PropTypes.element,\n+      ]),\n+    }),\n+  ),\n+  }),\n+};\n+\n+const defaultProps = {\n+  profile: {\n+    avatar: null,\n+    links: [],\n+  },\n+};\n+\n+\n+class UserProfile extends React.Component {\n+  constructor() {\n+    super();\n+\n+    this.state = {\n+      isOpen: false,\n+    };\n+\n+    this.openPopup = this.openPopup.bind(this);\n+    this.closePopup = this.closePopup.bind(this);\n+  }\n+\n+  openPopup() {\n+    this.setState({ isOpen: true });\n+  }\n+\n+  closePopup() {\n+    this.setState({ isOpen: false });\n+  }\n+\n+  render() {\n+    const { profile, ...customProps } = this.props;\n+    const profileLinks = profile.links.map((item) => {\n+      const currentItem = (profile.links.length > 0 &&\n+      <a href={item.uri} onClick={() => window.location = item.uri} className={cx('profile-link')} style={{ padding: '0px' }}>\n+        <Arrange\n+          align=\"stretch\"\n+          fitStart={<div className={cx('profile-icon')}>{item.icon}</div>}\n+          fill={<div style={{ paddingLeft: '10px' }}>{item.text}</div>}\n+        />\n+      </a>\n+      );\n+\n+      return (\n+        <div key={`${item.text}`} className={cx('divider-bottom')} style={{ padding: '20px' }}>\n+          {currentItem}\n+        </div>);\n+    });\n+\n+    const defaultElement = (\n+      <Overlay isOpen={this.state.isOpen} backgroundStyle=\"dark\" isScrollable>\n+        <div className={cx('profile-modal-header')}>\n+          <Arrange\n+            fitStart={<div className={cx('profile-modal-title')}>{translations.settings}</div>}\n+            fitEnd={<button className={cx('modal-close-button')} onClick={() => this.closePopup()}>{<div className={cx('modal-close-icon')}><CloseIcon /></div>}</button>}\n+            align=\"center\"\n+          />\n+        </div>\n+        <div className={cx('profile-modal')}>\n+          {(<div>\n+            {profileLinks}\n+            <div style={{ padding: '20px' }}>\n+              <a className={cx('profile-link')} href={profile.signoutUrl} onClick={() => window.location = profile.signoutUrl} style={{ padding: '0px' }}>\n+                {translations.help}\n+              </a>\n+            </div>\n+            <div className={cx('divider-top')} style={{ padding: '20px' }}>\n+              <a\n+                className={cx('profile-link')}\n+                href={profile.signoutUrl}\n+                onClick={() => window.location = profile.signoutUrl}\n+                style={{ padding: '0px' }}\n+              >\n+                {translations.signout}\n+              </a>\n+            </div>\n+          </div>)}\n+        </div>\n+      </Overlay>);\n+\n+    const large = (\n+      <Popup\n+        isOpen={this.state.isOpen}\n+        onRequestClose={this.closePopup}\n+        targetRef={() => document.getElementById('profile-link-icon')}\n+        isArrowDisplayed\n+        contentWidth=\"320\"\n+        contentHeight=\"400\"\n+        contentAttachment=\"top right\"\n+      >\n+        {<div>\n+          {profileLinks}\n+          <div style={{ padding: '20px' }}>\n+            <a className={cx('profile-link')} href={profile.signoutUrl} onClick={() => window.location = profile.signoutUrl} style={{ padding: '0px' }}>\n+              {translations.help}\n+            </a>\n+          </div>\n+          <div className={cx('divider-top')} style={{ padding: '20px' }}>\n+            <a className={cx('profile-link')} href={profile.signoutUrl} onClick={() => window.location = profile.signoutUrl} style={{ padding: '0px' }}>\n+              {translations.signout}\n+            </a>\n+          </div>\n+        </div>\n+        }\n+      </Popup>);\n+\n+    return (\n+      <div {...customProps}>\n+        <Arrange\n+          className={cx('profile')}\n+          fitStart={<svg className={cx('profile-icon')}>{profile.avatar}</svg>}\n+          fill={<div style={{ paddingLeft: '10px' }}>{profile.name}</div>}\n+          fitEnd={<a id=\"profile-link-icon\" onClick={this.openPopup}><svg className={cx('profile-icon')} role=\"button\">{profile.icon}</svg></a>}","path":"packages/terra-consumer-nav/src/components/user-profile/UserProfile.jsx","position":null,"original_position":154,"commit_id":"05d9fea3fda2d6c0e8d6864e68281997563a3e9a","original_commit_id":"0fa0d7fe5257e02ba6bfdb43a3ea77bb26e0b772","user":{"login":"Mahmud-Khan","id":21693381,"avatar_url":"https://avatars0.githubusercontent.com/u/21693381?v=4","gravatar_id":"","url":"https://api.github.com/users/Mahmud-Khan","html_url":"https://github.com/Mahmud-Khan","followers_url":"https://api.github.com/users/Mahmud-Khan/followers","following_url":"https://api.github.com/users/Mahmud-Khan/following{/other_user}","gists_url":"https://api.github.com/users/Mahmud-Khan/gists{/gist_id}","starred_url":"https://api.github.com/users/Mahmud-Khan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Mahmud-Khan/subscriptions","organizations_url":"https://api.github.com/users/Mahmud-Khan/orgs","repos_url":"https://api.github.com/users/Mahmud-Khan/repos","events_url":"https://api.github.com/users/Mahmud-Khan/events{/privacy}","received_events_url":"https://api.github.com/users/Mahmud-Khan/received_events","type":"User","site_admin":false},"body":"Removed the SVG element tag and user terra-icon.","created_at":"2017-08-15T05:15:51Z","updated_at":"2017-08-15T05:15:51Z","html_url":"https://github.com/cerner/terra-consumer/pull/6#discussion_r133118072","pull_request_url":"https://api.github.com/repos/cerner/terra-consumer/pulls/6","_links":{"self":{"href":"https://api.github.com/repos/cerner/terra-consumer/pulls/comments/133118072"},"html":{"href":"https://github.com/cerner/terra-consumer/pull/6#discussion_r133118072"},"pull_request":{"href":"https://api.github.com/repos/cerner/terra-consumer/pulls/6"}}},"pull_request":{"url":"https://api.github.com/repos/cerner/terra-consumer/pulls/6","id":133471561,"html_url":"https://github.com/cerner/terra-consumer/pull/6","diff_url":"https://github.com/cerner/terra-consumer/pull/6.diff","patch_url":"https://github.com/cerner/terra-consumer/pull/6.patch","issue_url":"https://api.github.com/repos/cerner/terra-consumer/issues/6","number":6,"state":"open","locked":false,"title":"Navigation help profile","user":{"login":"Mahmud-Khan","id":21693381,"avatar_url":"https://avatars0.githubusercontent.com/u/21693381?v=4","gravatar_id":"","url":"https://api.github.com/users/Mahmud-Khan","html_url":"https://github.com/Mahmud-Khan","followers_url":"https://api.github.com/users/Mahmud-Khan/followers","following_url":"https://api.github.com/users/Mahmud-Khan/following{/other_user}","gists_url":"https://api.github.com/users/Mahmud-Khan/gists{/gist_id}","starred_url":"https://api.github.com/users/Mahmud-Khan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Mahmud-Khan/subscriptions","organizations_url":"https://api.github.com/users/Mahmud-Khan/orgs","repos_url":"https://api.github.com/users/Mahmud-Khan/repos","events_url":"https://api.github.com/users/Mahmud-Khan/events{/privacy}","received_events_url":"https://api.github.com/users/Mahmud-Khan/received_events","type":"User","site_admin":false},"body":"### Summary\r\nAdded components for a Help and Settings menu of the navigation component.\r\n\r\n![nav_help_profile_desktop](https://user-images.githubusercontent.com/21693381/29032317-effee07c-7b5e-11e7-9fb2-ba84ef47f360.gif)\r\n\r\n![nav_help_profile_mobile](https://user-images.githubusercontent.com/21693381/29032326-f9ee49d8-7b5e-11e7-85d9-44bcfa215f11.gif)\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","created_at":"2017-08-01T13:22:20Z","updated_at":"2017-08-15T05:15:51Z","closed_at":null,"merged_at":null,"merge_commit_sha":"e9ed848475f411fd1233848989a10cc1460705fa","assignee":null,"assignees":[],"requested_reviewers":[{"login":"tcruciano","id":22843862,"avatar_url":"https://avatars3.githubusercontent.com/u/22843862?v=4","gravatar_id":"","url":"https://api.github.com/users/tcruciano","html_url":"https://github.com/tcruciano","followers_url":"https://api.github.com/users/tcruciano/followers","following_url":"https://api.github.com/users/tcruciano/following{/other_user}","gists_url":"https://api.github.com/users/tcruciano/gists{/gist_id}","starred_url":"https://api.github.com/users/tcruciano/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tcruciano/subscriptions","organizations_url":"https://api.github.com/users/tcruciano/orgs","repos_url":"https://api.github.com/users/tcruciano/repos","events_url":"https://api.github.com/users/tcruciano/events{/privacy}","received_events_url":"https://api.github.com/users/tcruciano/received_events","type":"User","site_admin":false}],"milestone":null,"commits_url":"https://api.github.com/repos/cerner/terra-consumer/pulls/6/commits","review_comments_url":"https://api.github.com/repos/cerner/terra-consumer/pulls/6/comments","review_comment_url":"https://api.github.com/repos/cerner/terra-consumer/pulls/comments{/number}","comments_url":"https://api.github.com/repos/cerner/terra-consumer/issues/6/comments","statuses_url":"https://api.github.com/repos/cerner/terra-consumer/statuses/05d9fea3fda2d6c0e8d6864e68281997563a3e9a","head":{"label":"cerner:Navigation-help-profile","ref":"Navigation-help-profile","sha":"05d9fea3fda2d6c0e8d6864e68281997563a3e9a","user":{"login":"cerner","id":1873208,"avatar_url":"https://avatars1.githubusercontent.com/u/1873208?v=4","gravatar_id":"","url":"https://api.github.com/users/cerner","html_url":"https://github.com/cerner","followers_url":"https://api.github.com/users/cerner/followers","following_url":"https://api.github.com/users/cerner/following{/other_user}","gists_url":"https://api.github.com/users/cerner/gists{/gist_id}","starred_url":"https://api.github.com/users/cerner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cerner/subscriptions","organizations_url":"https://api.github.com/users/cerner/orgs","repos_url":"https://api.github.com/users/cerner/repos","events_url":"https://api.github.com/users/cerner/events{/privacy}","received_events_url":"https://api.github.com/users/cerner/received_events","type":"Organization","site_admin":false},"repo":{"id":87335379,"name":"terra-consumer","full_name":"cerner/terra-consumer","owner":{"login":"cerner","id":1873208,"avatar_url":"https://avatars1.githubusercontent.com/u/1873208?v=4","gravatar_id":"","url":"https://api.github.com/users/cerner","html_url":"https://github.com/cerner","followers_url":"https://api.github.com/users/cerner/followers","following_url":"https://api.github.com/users/cerner/following{/other_user}","gists_url":"https://api.github.com/users/cerner/gists{/gist_id}","starred_url":"https://api.github.com/users/cerner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cerner/subscriptions","organizations_url":"https://api.github.com/users/cerner/orgs","repos_url":"https://api.github.com/users/cerner/repos","events_url":"https://api.github.com/users/cerner/events{/privacy}","received_events_url":"https://api.github.com/users/cerner/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/cerner/terra-consumer","description":null,"fork":false,"url":"https://api.github.com/repos/cerner/terra-consumer","forks_url":"https://api.github.com/repos/cerner/terra-consumer/forks","keys_url":"https://api.github.com/repos/cerner/terra-consumer/keys{/key_id}","collaborators_url":"https://api.github.com/repos/cerner/terra-consumer/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/cerner/terra-consumer/teams","hooks_url":"https://api.github.com/repos/cerner/terra-consumer/hooks","issue_events_url":"https://api.github.com/repos/cerner/terra-consumer/issues/events{/number}","events_url":"https://api.github.com/repos/cerner/terra-consumer/events","assignees_url":"https://api.github.com/repos/cerner/terra-consumer/assignees{/user}","branches_url":"https://api.github.com/repos/cerner/terra-consumer/branches{/branch}","tags_url":"https://api.github.com/repos/cerner/terra-consumer/tags","blobs_url":"https://api.github.com/repos/cerner/terra-consumer/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/cerner/terra-consumer/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/cerner/terra-consumer/git/refs{/sha}","trees_url":"https://api.github.com/repos/cerner/terra-consumer/git/trees{/sha}","statuses_url":"https://api.github.com/repos/cerner/terra-consumer/statuses/{sha}","languages_url":"https://api.github.com/repos/cerner/terra-consumer/languages","stargazers_url":"https://api.github.com/repos/cerner/terra-consumer/stargazers","contributors_url":"https://api.github.com/repos/cerner/terra-consumer/contributors","subscribers_url":"https://api.github.com/repos/cerner/terra-consumer/subscribers","subscription_url":"https://api.github.com/repos/cerner/terra-consumer/subscription","commits_url":"https://api.github.com/repos/cerner/terra-consumer/commits{/sha}","git_commits_url":"https://api.github.com/repos/cerner/terra-consumer/git/commits{/sha}","comments_url":"https://api.github.com/repos/cerner/terra-consumer/comments{/number}","issue_comment_url":"https://api.github.com/repos/cerner/terra-consumer/issues/comments{/number}","contents_url":"https://api.github.com/repos/cerner/terra-consumer/contents/{+path}","compare_url":"https://api.github.com/repos/cerner/terra-consumer/compare/{base}...{head}","merges_url":"https://api.github.com/repos/cerner/terra-consumer/merges","archive_url":"https://api.github.com/repos/cerner/terra-consumer/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/cerner/terra-consumer/downloads","issues_url":"https://api.github.com/repos/cerner/terra-consumer/issues{/number}","pulls_url":"https://api.github.com/repos/cerner/terra-consumer/pulls{/number}","milestones_url":"https://api.github.com/repos/cerner/terra-consumer/milestones{/number}","notifications_url":"https://api.github.com/repos/cerner/terra-consumer/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/cerner/terra-consumer/labels{/name}","releases_url":"https://api.github.com/repos/cerner/terra-consumer/releases{/id}","deployments_url":"https://api.github.com/repos/cerner/terra-consumer/deployments","created_at":"2017-04-05T17:03:38Z","updated_at":"2017-08-12T07:46:29Z","pushed_at":"2017-08-14T22:51:21Z","git_url":"git://github.com/cerner/terra-consumer.git","ssh_url":"git@github.com:cerner/terra-consumer.git","clone_url":"https://github.com/cerner/terra-consumer.git","svn_url":"https://github.com/cerner/terra-consumer","homepage":null,"size":563,"stargazers_count":7,"watchers_count":7,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":4,"forks":0,"open_issues":4,"watchers":7,"default_branch":"master"}},"base":{"label":"cerner:Navigation-Component","ref":"Navigation-Component","sha":"d4ac2571917e2bbdb90da47c5b6ab1cdd06290d0","user":{"login":"cerner","id":1873208,"avatar_url":"https://avatars1.githubusercontent.com/u/1873208?v=4","gravatar_id":"","url":"https://api.github.com/users/cerner","html_url":"https://github.com/cerner","followers_url":"https://api.github.com/users/cerner/followers","following_url":"https://api.github.com/users/cerner/following{/other_user}","gists_url":"https://api.github.com/users/cerner/gists{/gist_id}","starred_url":"https://api.github.com/users/cerner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cerner/subscriptions","organizations_url":"https://api.github.com/users/cerner/orgs","repos_url":"https://api.github.com/users/cerner/repos","events_url":"https://api.github.com/users/cerner/events{/privacy}","received_events_url":"https://api.github.com/users/cerner/received_events","type":"Organization","site_admin":false},"repo":{"id":87335379,"name":"terra-consumer","full_name":"cerner/terra-consumer","owner":{"login":"cerner","id":1873208,"avatar_url":"https://avatars1.githubusercontent.com/u/1873208?v=4","gravatar_id":"","url":"https://api.github.com/users/cerner","html_url":"https://github.com/cerner","followers_url":"https://api.github.com/users/cerner/followers","following_url":"https://api.github.com/users/cerner/following{/other_user}","gists_url":"https://api.github.com/users/cerner/gists{/gist_id}","starred_url":"https://api.github.com/users/cerner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cerner/subscriptions","organizations_url":"https://api.github.com/users/cerner/orgs","repos_url":"https://api.github.com/users/cerner/repos","events_url":"https://api.github.com/users/cerner/events{/privacy}","received_events_url":"https://api.github.com/users/cerner/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/cerner/terra-consumer","description":null,"fork":false,"url":"https://api.github.com/repos/cerner/terra-consumer","forks_url":"https://api.github.com/repos/cerner/terra-consumer/forks","keys_url":"https://api.github.com/repos/cerner/terra-consumer/keys{/key_id}","collaborators_url":"https://api.github.com/repos/cerner/terra-consumer/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/cerner/terra-consumer/teams","hooks_url":"https://api.github.com/repos/cerner/terra-consumer/hooks","issue_events_url":"https://api.github.com/repos/cerner/terra-consumer/issues/events{/number}","events_url":"https://api.github.com/repos/cerner/terra-consumer/events","assignees_url":"https://api.github.com/repos/cerner/terra-consumer/assignees{/user}","branches_url":"https://api.github.com/repos/cerner/terra-consumer/branches{/branch}","tags_url":"https://api.github.com/repos/cerner/terra-consumer/tags","blobs_url":"https://api.github.com/repos/cerner/terra-consumer/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/cerner/terra-consumer/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/cerner/terra-consumer/git/refs{/sha}","trees_url":"https://api.github.com/repos/cerner/terra-consumer/git/trees{/sha}","statuses_url":"https://api.github.com/repos/cerner/terra-consumer/statuses/{sha}","languages_url":"https://api.github.com/repos/cerner/terra-consumer/languages","stargazers_url":"https://api.github.com/repos/cerner/terra-consumer/stargazers","contributors_url":"https://api.github.com/repos/cerner/terra-consumer/contributors","subscribers_url":"https://api.github.com/repos/cerner/terra-consumer/subscribers","subscription_url":"https://api.github.com/repos/cerner/terra-consumer/subscription","commits_url":"https://api.github.com/repos/cerner/terra-consumer/commits{/sha}","git_commits_url":"https://api.github.com/repos/cerner/terra-consumer/git/commits{/sha}","comments_url":"https://api.github.com/repos/cerner/terra-consumer/comments{/number}","issue_comment_url":"https://api.github.com/repos/cerner/terra-consumer/issues/comments{/number}","contents_url":"https://api.github.com/repos/cerner/terra-consumer/contents/{+path}","compare_url":"https://api.github.com/repos/cerner/terra-consumer/compare/{base}...{head}","merges_url":"https://api.github.com/repos/cerner/terra-consumer/merges","archive_url":"https://api.github.com/repos/cerner/terra-consumer/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/cerner/terra-consumer/downloads","issues_url":"https://api.github.com/repos/cerner/terra-consumer/issues{/number}","pulls_url":"https://api.github.com/repos/cerner/terra-consumer/pulls{/number}","milestones_url":"https://api.github.com/repos/cerner/terra-consumer/milestones{/number}","notifications_url":"https://api.github.com/repos/cerner/terra-consumer/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/cerner/terra-consumer/labels{/name}","releases_url":"https://api.github.com/repos/cerner/terra-consumer/releases{/id}","deployments_url":"https://api.github.com/repos/cerner/terra-consumer/deployments","created_at":"2017-04-05T17:03:38Z","updated_at":"2017-08-12T07:46:29Z","pushed_at":"2017-08-14T22:51:21Z","git_url":"git://github.com/cerner/terra-consumer.git","ssh_url":"git@github.com:cerner/terra-consumer.git","clone_url":"https://github.com/cerner/terra-consumer.git","svn_url":"https://github.com/cerner/terra-consumer","homepage":null,"size":563,"stargazers_count":7,"watchers_count":7,"language":"JavaScript","has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":4,"forks":0,"open_issues":4,"watchers":7,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/cerner/terra-consumer/pulls/6"},"html":{"href":"https://github.com/cerner/terra-consumer/pull/6"},"issue":{"href":"https://api.github.com/repos/cerner/terra-consumer/issues/6"},"comments":{"href":"https://api.github.com/repos/cerner/terra-consumer/issues/6/comments"},"review_comments":{"href":"https://api.github.com/repos/cerner/terra-consumer/pulls/6/comments"},"review_comment":{"href":"https://api.github.com/repos/cerner/terra-consumer/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/cerner/terra-consumer/pulls/6/commits"},"statuses":{"href":"https://api.github.com/repos/cerner/terra-consumer/statuses/05d9fea3fda2d6c0e8d6864e68281997563a3e9a"}}}}
{"actor":{"display_login":"Mahmud-Khan"}}