{"action":"created","comment":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/comments/77410870","id":77410870,"diff_hunk":"@@ -0,0 +1,137 @@\n+import * as React from 'react';\n+import { Button, ButtonType } from '../../../Button';\n+import { css } from '../../../utilities/css';\n+import {\n+  Link\n+} from '../../../index';\n+import './ComponentPage.scss';\n+\n+export interface IComponentPageProps {\n+  title: string;\n+  componentName: string;\n+  exampleCards: Array<JSX.Element>;\n+  propertiesTables?: Array<JSX.Element>;\n+  bestPractices?: JSX.Element;\n+  dos?: JSX.Element;\n+  donts?: JSX.Element;\n+  overview: JSX.Element;\n+  route: string;\n+}\n+\n+export interface IComponentPageState {\n+}\n+\n+export class ComponentPage extends React.Component<IComponentPageProps, IComponentPageState> {\n+\n+  constructor(props: IComponentPageProps) {\n+    super(props);\n+  }\n+\n+  public render() {\n+","path":"src/demo/components/ComponentPage/ComponentPage.tsx","position":31,"original_position":31,"commit_id":"db2473ea4253f8f22464a738a41c458bb2bd596c","original_commit_id":"db2473ea4253f8f22464a738a41c458bb2bd596c","user":{"login":"dzearing","id":1110944,"avatar_url":"https://avatars.githubusercontent.com/u/1110944?v=3","gravatar_id":"","url":"https://api.github.com/users/dzearing","html_url":"https://github.com/dzearing","followers_url":"https://api.github.com/users/dzearing/followers","following_url":"https://api.github.com/users/dzearing/following{/other_user}","gists_url":"https://api.github.com/users/dzearing/gists{/gist_id}","starred_url":"https://api.github.com/users/dzearing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dzearing/subscriptions","organizations_url":"https://api.github.com/users/dzearing/orgs","repos_url":"https://api.github.com/users/dzearing/repos","events_url":"https://api.github.com/users/dzearing/events{/privacy}","received_events_url":"https://api.github.com/users/dzearing/received_events","type":"User","site_admin":false},"body":"You can use destructuring here:\r\n\r\nlet { title, componentName, etc } = this.props;\r\n\r\nThen just use those in your template. It reduces some redundancy in the final output.","created_at":"2016-09-02T20:57:30Z","updated_at":"2016-09-02T20:57:30Z","html_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/236#discussion_r77410870","pull_request_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/236","_links":{"self":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/comments/77410870"},"html":{"href":"https://github.com/OfficeDev/office-ui-fabric-react/pull/236#discussion_r77410870"},"pull_request":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/236"}}},"pull_request":{"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/236","id":83727927,"html_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/236","diff_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/236.diff","patch_url":"https://github.com/OfficeDev/office-ui-fabric-react/pull/236.patch","issue_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/236","number":236,"state":"open","locked":false,"title":"Added page component that resembles new Fabric website and applied to all pages.","user":{"login":"battletoilet","id":622498,"avatar_url":"https://avatars.githubusercontent.com/u/622498?v=3","gravatar_id":"","url":"https://api.github.com/users/battletoilet","html_url":"https://github.com/battletoilet","followers_url":"https://api.github.com/users/battletoilet/followers","following_url":"https://api.github.com/users/battletoilet/following{/other_user}","gists_url":"https://api.github.com/users/battletoilet/gists{/gist_id}","starred_url":"https://api.github.com/users/battletoilet/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/battletoilet/subscriptions","organizations_url":"https://api.github.com/users/battletoilet/orgs","repos_url":"https://api.github.com/users/battletoilet/repos","events_url":"https://api.github.com/users/battletoilet/events{/privacy}","received_events_url":"https://api.github.com/users/battletoilet/received_events","type":"User","site_admin":false},"body":"Created page component\r\nApplied component to all pages\r\nCreated a pageroute utility with a helper for getting a component's route\r\nImplemented anchor links","created_at":"2016-09-02T00:17:46Z","updated_at":"2016-09-02T20:57:30Z","closed_at":null,"merged_at":null,"merge_commit_sha":"3289a80e69c7fc96390a11ae3ff3e1b275e0435c","assignee":{"login":"dzearing","id":1110944,"avatar_url":"https://avatars.githubusercontent.com/u/1110944?v=3","gravatar_id":"","url":"https://api.github.com/users/dzearing","html_url":"https://github.com/dzearing","followers_url":"https://api.github.com/users/dzearing/followers","following_url":"https://api.github.com/users/dzearing/following{/other_user}","gists_url":"https://api.github.com/users/dzearing/gists{/gist_id}","starred_url":"https://api.github.com/users/dzearing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dzearing/subscriptions","organizations_url":"https://api.github.com/users/dzearing/orgs","repos_url":"https://api.github.com/users/dzearing/repos","events_url":"https://api.github.com/users/dzearing/events{/privacy}","received_events_url":"https://api.github.com/users/dzearing/received_events","type":"User","site_admin":false},"assignees":[{"login":"dzearing","id":1110944,"avatar_url":"https://avatars.githubusercontent.com/u/1110944?v=3","gravatar_id":"","url":"https://api.github.com/users/dzearing","html_url":"https://github.com/dzearing","followers_url":"https://api.github.com/users/dzearing/followers","following_url":"https://api.github.com/users/dzearing/following{/other_user}","gists_url":"https://api.github.com/users/dzearing/gists{/gist_id}","starred_url":"https://api.github.com/users/dzearing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dzearing/subscriptions","organizations_url":"https://api.github.com/users/dzearing/orgs","repos_url":"https://api.github.com/users/dzearing/repos","events_url":"https://api.github.com/users/dzearing/events{/privacy}","received_events_url":"https://api.github.com/users/dzearing/received_events","type":"User","site_admin":false},{"login":"mikewheaton","id":1382445,"avatar_url":"https://avatars.githubusercontent.com/u/1382445?v=3","gravatar_id":"","url":"https://api.github.com/users/mikewheaton","html_url":"https://github.com/mikewheaton","followers_url":"https://api.github.com/users/mikewheaton/followers","following_url":"https://api.github.com/users/mikewheaton/following{/other_user}","gists_url":"https://api.github.com/users/mikewheaton/gists{/gist_id}","starred_url":"https://api.github.com/users/mikewheaton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mikewheaton/subscriptions","organizations_url":"https://api.github.com/users/mikewheaton/orgs","repos_url":"https://api.github.com/users/mikewheaton/repos","events_url":"https://api.github.com/users/mikewheaton/events{/privacy}","received_events_url":"https://api.github.com/users/mikewheaton/received_events","type":"User","site_admin":false}],"milestone":null,"commits_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/236/commits","review_comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/236/comments","review_comment_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/comments{/number}","comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/236/comments","statuses_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/statuses/db2473ea4253f8f22464a738a41c458bb2bd596c","head":{"label":"battletoilet:miljo/changing-docs-theme","ref":"miljo/changing-docs-theme","sha":"db2473ea4253f8f22464a738a41c458bb2bd596c","user":{"login":"battletoilet","id":622498,"avatar_url":"https://avatars.githubusercontent.com/u/622498?v=3","gravatar_id":"","url":"https://api.github.com/users/battletoilet","html_url":"https://github.com/battletoilet","followers_url":"https://api.github.com/users/battletoilet/followers","following_url":"https://api.github.com/users/battletoilet/following{/other_user}","gists_url":"https://api.github.com/users/battletoilet/gists{/gist_id}","starred_url":"https://api.github.com/users/battletoilet/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/battletoilet/subscriptions","organizations_url":"https://api.github.com/users/battletoilet/orgs","repos_url":"https://api.github.com/users/battletoilet/repos","events_url":"https://api.github.com/users/battletoilet/events{/privacy}","received_events_url":"https://api.github.com/users/battletoilet/received_events","type":"User","site_admin":false},"repo":{"id":66586082,"name":"office-ui-fabric-react","full_name":"battletoilet/office-ui-fabric-react","owner":{"login":"battletoilet","id":622498,"avatar_url":"https://avatars.githubusercontent.com/u/622498?v=3","gravatar_id":"","url":"https://api.github.com/users/battletoilet","html_url":"https://github.com/battletoilet","followers_url":"https://api.github.com/users/battletoilet/followers","following_url":"https://api.github.com/users/battletoilet/following{/other_user}","gists_url":"https://api.github.com/users/battletoilet/gists{/gist_id}","starred_url":"https://api.github.com/users/battletoilet/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/battletoilet/subscriptions","organizations_url":"https://api.github.com/users/battletoilet/orgs","repos_url":"https://api.github.com/users/battletoilet/repos","events_url":"https://api.github.com/users/battletoilet/events{/privacy}","received_events_url":"https://api.github.com/users/battletoilet/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/battletoilet/office-ui-fabric-react","description":"React components for building experiences for Office and Office 365.","fork":true,"url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react","forks_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/forks","keys_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/keys{/key_id}","collaborators_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/teams","hooks_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/hooks","issue_events_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/issues/events{/number}","events_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/events","assignees_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/assignees{/user}","branches_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/branches{/branch}","tags_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/tags","blobs_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/git/refs{/sha}","trees_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/git/trees{/sha}","statuses_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/statuses/{sha}","languages_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/languages","stargazers_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/stargazers","contributors_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/contributors","subscribers_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/subscribers","subscription_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/subscription","commits_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/commits{/sha}","git_commits_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/git/commits{/sha}","comments_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/comments{/number}","issue_comment_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/issues/comments{/number}","contents_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/contents/{+path}","compare_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/compare/{base}...{head}","merges_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/merges","archive_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/downloads","issues_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/issues{/number}","pulls_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/pulls{/number}","milestones_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/milestones{/number}","notifications_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/labels{/name}","releases_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/releases{/id}","deployments_url":"https://api.github.com/repos/battletoilet/office-ui-fabric-react/deployments","created_at":"2016-08-25T19:16:25Z","updated_at":"2016-08-25T19:16:28Z","pushed_at":"2016-09-02T00:16:42Z","git_url":"git://github.com/battletoilet/office-ui-fabric-react.git","ssh_url":"git@github.com:battletoilet/office-ui-fabric-react.git","clone_url":"https://github.com/battletoilet/office-ui-fabric-react.git","svn_url":"https://github.com/battletoilet/office-ui-fabric-react","homepage":"http://dev.office.com/fabric","size":2458,"stargazers_count":0,"watchers_count":0,"language":"TypeScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"OfficeDev:master","ref":"master","sha":"47545a22cb6a268b339ba17eb4bf2c215393f885","user":{"login":"OfficeDev","id":6789362,"avatar_url":"https://avatars.githubusercontent.com/u/6789362?v=3","gravatar_id":"","url":"https://api.github.com/users/OfficeDev","html_url":"https://github.com/OfficeDev","followers_url":"https://api.github.com/users/OfficeDev/followers","following_url":"https://api.github.com/users/OfficeDev/following{/other_user}","gists_url":"https://api.github.com/users/OfficeDev/gists{/gist_id}","starred_url":"https://api.github.com/users/OfficeDev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/OfficeDev/subscriptions","organizations_url":"https://api.github.com/users/OfficeDev/orgs","repos_url":"https://api.github.com/users/OfficeDev/repos","events_url":"https://api.github.com/users/OfficeDev/events{/privacy}","received_events_url":"https://api.github.com/users/OfficeDev/received_events","type":"Organization","site_admin":false},"repo":{"id":60537144,"name":"office-ui-fabric-react","full_name":"OfficeDev/office-ui-fabric-react","owner":{"login":"OfficeDev","id":6789362,"avatar_url":"https://avatars.githubusercontent.com/u/6789362?v=3","gravatar_id":"","url":"https://api.github.com/users/OfficeDev","html_url":"https://github.com/OfficeDev","followers_url":"https://api.github.com/users/OfficeDev/followers","following_url":"https://api.github.com/users/OfficeDev/following{/other_user}","gists_url":"https://api.github.com/users/OfficeDev/gists{/gist_id}","starred_url":"https://api.github.com/users/OfficeDev/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/OfficeDev/subscriptions","organizations_url":"https://api.github.com/users/OfficeDev/orgs","repos_url":"https://api.github.com/users/OfficeDev/repos","events_url":"https://api.github.com/users/OfficeDev/events{/privacy}","received_events_url":"https://api.github.com/users/OfficeDev/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/OfficeDev/office-ui-fabric-react","description":"React components for building experiences for Office and Office 365.","fork":false,"url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react","forks_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/forks","keys_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/keys{/key_id}","collaborators_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/teams","hooks_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/hooks","issue_events_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/events{/number}","events_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/events","assignees_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/assignees{/user}","branches_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/branches{/branch}","tags_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/tags","blobs_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/git/refs{/sha}","trees_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/git/trees{/sha}","statuses_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/statuses/{sha}","languages_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/languages","stargazers_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/stargazers","contributors_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/contributors","subscribers_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/subscribers","subscription_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/subscription","commits_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/commits{/sha}","git_commits_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/git/commits{/sha}","comments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/comments{/number}","issue_comment_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/comments{/number}","contents_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/contents/{+path}","compare_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/compare/{base}...{head}","merges_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/merges","archive_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/downloads","issues_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues{/number}","pulls_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls{/number}","milestones_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/milestones{/number}","notifications_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/labels{/name}","releases_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/releases{/id}","deployments_url":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/deployments","created_at":"2016-06-06T15:03:44Z","updated_at":"2016-09-01T12:23:25Z","pushed_at":"2016-09-02T20:52:28Z","git_url":"git://github.com/OfficeDev/office-ui-fabric-react.git","ssh_url":"git@github.com:OfficeDev/office-ui-fabric-react.git","clone_url":"https://github.com/OfficeDev/office-ui-fabric-react.git","svn_url":"https://github.com/OfficeDev/office-ui-fabric-react","homepage":"http://dev.office.com/fabric","size":2953,"stargazers_count":71,"watchers_count":71,"language":"TypeScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":40,"mirror_url":null,"open_issues_count":42,"forks":40,"open_issues":42,"watchers":71,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/236"},"html":{"href":"https://github.com/OfficeDev/office-ui-fabric-react/pull/236"},"issue":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/236"},"comments":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/issues/236/comments"},"review_comments":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/236/comments"},"review_comment":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/pulls/236/commits"},"statuses":{"href":"https://api.github.com/repos/OfficeDev/office-ui-fabric-react/statuses/db2473ea4253f8f22464a738a41c458bb2bd596c"}}}}
{"actor":{"display_login":"dzearing"}}