{"action":"created","comment":{"url":"https://api.github.com/repos/neremic/zalimat/pulls/comments/71542559","id":71542559,"diff_hunk":"@@ -119,65 +147,70 @@ class LifeCycleCharts extends React.Component {\n     }\n \n     render() {\n+        const WrappedPropsExposer = Dimensions()(PropsExposer(() => (<div />), this.widthChangeCallback));\n         const {startDate, endDate} = this.state.zoomedViewPortDateRange;\n+\n         return (\n-            <div style={{padding: \"40px\"}}>\n-                <div style={{display: \"flex\"}}>\n+            <div style = {OUTER_STYLE}>\n+                <div style = {{display: \"flex\"}}>\n                     <VersionSelector\n                         removeVersion = {this.state.versionToBeRemoved}\n-                        versions = {this.props.versions}\n-                        onChange = {this.handleVersionSelected}\n-                        isLoading = {this.props.ajaxStatus.versionsCallsPending > 0}\n+                        versions      = {this.props.versions}\n+                        onChange      = {this.handleVersionSelected}\n+                        isLoading     = {this.props.ajaxStatus.versionsCallsPending > 0}\n                     />\n                 </div>\n                 <hr />\n-                <div style={{display: \"flex\", justifyContent: \"space-between\"}}>\n+                <div style = {{display: \"flex\", justifyContent: \"space-between\"}}>\n                     <h3>\n                         {moment(this.state.totalViewPortDateRange.startDate).format(DATE_FORMAT)}\n                     </h3>\n+                    <div style = {{flex: \"auto\"}}>\n+                        <WrappedPropsExposer />\n+                    </div>\n                     <h3>\n                         {moment(this.state.totalViewPortDateRange.endDate).format(DATE_FORMAT)}\n                     </h3>\n                 </div>\n-                <div style={{display: \"flex\", justifyContent: \"flex-center\"}}>\n-                    <DateSelector2\n-                        datePicked = {this.handleStartDatePicked}\n-                        title = 'Select Start Date'\n-                        defaultValue = {this.state.totalViewPortDateRange.startDate}\n-                        maxDate = {this.state.totalViewPortDateRange.endDate}\n-                    />\n-                    <div style = {{flex: \"auto\"}}>\n+                <div style = {{display: \"flex\", justifyContent: \"flex-center\"}}>\n+                    <div style = {SIDE_STYLE}>\n+                        <DateSelector\n+                            datePicked   = {this.handleStartDatePicked}\n+                            title        = 'Select Start Date'\n+                            defaultValue = {this.state.totalViewPortDateRange.startDate}\n+                            maxDate      = {this.state.totalViewPortDateRange.endDate}\n+                        />\n+                    </div>\n+                    <div style = {MIDDLE_STYLE}>\n                         <GlobalBrush\n-                            show = {true}\n-                            onBrushChange = {this.handleBrushChanged}\n+                            show              = {true}\n+                            onBrushChange     = {this.handleBrushChanged}\n                             viewPortDateRange = {this.state.totalViewPortDateRange}\n-                            height = {BRUSH_HEIGHT}\n+                            height            = {BRUSH_HEIGHT}\n                         />\n                     </div>\n-                    <div style={{width: '100px'}}>\n-                        <DateSelector2\n-                            datePicked = {this.handleEndDatePicked}\n-                            title = 'Select Start Date'\n-                            align = 'right'\n+                    <div style = {SIDE_STYLE}>\n+                        <DateSelector\n+                            datePicked   = {this.handleEndDatePicked}\n+                            title        = 'Select Start Date'\n+                            align        = 'right'\n                             defaultValue = {this.state.totalViewPortDateRange.endDate}\n-                            minDate = {this.state.totalViewPortDateRange.startDate}\n-                            maxDate = {moment().endOf('day').toDate()}\n+                            minDate      = {this.state.totalViewPortDateRange.startDate}\n+                            maxDate      = {moment().endOf('day').toDate()}\n                         />\n                     </div>\n                 </div>\n                 <hr />\n-                <div style={{display: \"flex\", justifyContent: \"flex-center\"}}>\n-                    <div style = {{flex: \"auto\"}}>\n-                        <Charts\n-                            selectedVersions = {this.state.selectedVerions}\n-                            onDelete = {this.handleVersionRemoved}\n-                            dataSets = {this.props.versionsHistory}\n-                            viewPortDateRange = {this.state.zoomedViewPortDateRange}\n-                            applicationId = {this.state.applicationId}\n-                            height = {CHART_HEIGHT}\n-                        />\n-                    </div>\n-                </div>\n+                <Charts","path":"src/components/application/life_cycle_charts/life_cycle_charts.jsx","position":167,"original_position":167,"commit_id":"152946ca6d29cdea41bdf320be5e43a150593595","original_commit_id":"152946ca6d29cdea41bdf320be5e43a150593595","user":{"login":"prayerslayer","id":878512,"avatar_url":"https://avatars.githubusercontent.com/u/878512?v=3","gravatar_id":"","url":"https://api.github.com/users/prayerslayer","html_url":"https://github.com/prayerslayer","followers_url":"https://api.github.com/users/prayerslayer/followers","following_url":"https://api.github.com/users/prayerslayer/following{/other_user}","gists_url":"https://api.github.com/users/prayerslayer/gists{/gist_id}","starred_url":"https://api.github.com/users/prayerslayer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/prayerslayer/subscriptions","organizations_url":"https://api.github.com/users/prayerslayer/orgs","repos_url":"https://api.github.com/users/prayerslayer/repos","events_url":"https://api.github.com/users/prayerslayer/events{/privacy}","received_events_url":"https://api.github.com/users/prayerslayer/received_events","type":"User","site_admin":false},"body":"What is the `PropsExposer` for, why can't you use `react-dimensions` directly? They have some docs on how to use it with flexbox.","created_at":"2016-07-20T15:03:15Z","updated_at":"2016-07-20T15:03:15Z","html_url":"https://github.com/neremic/zalimat/pull/4#discussion_r71542559","pull_request_url":"https://api.github.com/repos/neremic/zalimat/pulls/4","_links":{"self":{"href":"https://api.github.com/repos/neremic/zalimat/pulls/comments/71542559"},"html":{"href":"https://github.com/neremic/zalimat/pull/4#discussion_r71542559"},"pull_request":{"href":"https://api.github.com/repos/neremic/zalimat/pulls/4"}}},"pull_request":{"url":"https://api.github.com/repos/neremic/zalimat/pulls/4","id":77975909,"html_url":"https://github.com/neremic/zalimat/pull/4","diff_url":"https://github.com/neremic/zalimat/pull/4.diff","patch_url":"https://github.com/neremic/zalimat/pull/4.patch","issue_url":"https://api.github.com/repos/neremic/zalimat/issues/4","number":4,"state":"open","locked":false,"title":"Develop","user":{"login":"neremic","id":19587698,"avatar_url":"https://avatars.githubusercontent.com/u/19587698?v=3","gravatar_id":"","url":"https://api.github.com/users/neremic","html_url":"https://github.com/neremic","followers_url":"https://api.github.com/users/neremic/followers","following_url":"https://api.github.com/users/neremic/following{/other_user}","gists_url":"https://api.github.com/users/neremic/gists{/gist_id}","starred_url":"https://api.github.com/users/neremic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neremic/subscriptions","organizations_url":"https://api.github.com/users/neremic/orgs","repos_url":"https://api.github.com/users/neremic/repos","events_url":"https://api.github.com/users/neremic/events{/privacy}","received_events_url":"https://api.github.com/users/neremic/received_events","type":"User","site_admin":false},"body":"Hi,\r\n\r\nI rewrote most of the components in a better fashion. \r\nThis pull request is just about those changes. Tests are failing and need to be adjusted.\r\n\r\nSo please just give feedback about the components - meaning everything in /src/components/\r\n\r\nThanks in advance and cheers","created_at":"2016-07-19T13:30:26Z","updated_at":"2016-07-20T15:03:15Z","closed_at":null,"merged_at":null,"merge_commit_sha":"3c3a0324a9c42b6f2870e157345bcd60bbcbab69","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/neremic/zalimat/pulls/4/commits","review_comments_url":"https://api.github.com/repos/neremic/zalimat/pulls/4/comments","review_comment_url":"https://api.github.com/repos/neremic/zalimat/pulls/comments{/number}","comments_url":"https://api.github.com/repos/neremic/zalimat/issues/4/comments","statuses_url":"https://api.github.com/repos/neremic/zalimat/statuses/152946ca6d29cdea41bdf320be5e43a150593595","head":{"label":"neremic:develop","ref":"develop","sha":"152946ca6d29cdea41bdf320be5e43a150593595","user":{"login":"neremic","id":19587698,"avatar_url":"https://avatars.githubusercontent.com/u/19587698?v=3","gravatar_id":"","url":"https://api.github.com/users/neremic","html_url":"https://github.com/neremic","followers_url":"https://api.github.com/users/neremic/followers","following_url":"https://api.github.com/users/neremic/following{/other_user}","gists_url":"https://api.github.com/users/neremic/gists{/gist_id}","starred_url":"https://api.github.com/users/neremic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neremic/subscriptions","organizations_url":"https://api.github.com/users/neremic/orgs","repos_url":"https://api.github.com/users/neremic/repos","events_url":"https://api.github.com/users/neremic/events{/privacy}","received_events_url":"https://api.github.com/users/neremic/received_events","type":"User","site_admin":false},"repo":{"id":60181179,"name":"zalimat","full_name":"neremic/zalimat","owner":{"login":"neremic","id":19587698,"avatar_url":"https://avatars.githubusercontent.com/u/19587698?v=3","gravatar_id":"","url":"https://api.github.com/users/neremic","html_url":"https://github.com/neremic","followers_url":"https://api.github.com/users/neremic/followers","following_url":"https://api.github.com/users/neremic/following{/other_user}","gists_url":"https://api.github.com/users/neremic/gists{/gist_id}","starred_url":"https://api.github.com/users/neremic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neremic/subscriptions","organizations_url":"https://api.github.com/users/neremic/orgs","repos_url":"https://api.github.com/users/neremic/repos","events_url":"https://api.github.com/users/neremic/events{/privacy}","received_events_url":"https://api.github.com/users/neremic/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/neremic/zalimat","description":"","fork":false,"url":"https://api.github.com/repos/neremic/zalimat","forks_url":"https://api.github.com/repos/neremic/zalimat/forks","keys_url":"https://api.github.com/repos/neremic/zalimat/keys{/key_id}","collaborators_url":"https://api.github.com/repos/neremic/zalimat/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/neremic/zalimat/teams","hooks_url":"https://api.github.com/repos/neremic/zalimat/hooks","issue_events_url":"https://api.github.com/repos/neremic/zalimat/issues/events{/number}","events_url":"https://api.github.com/repos/neremic/zalimat/events","assignees_url":"https://api.github.com/repos/neremic/zalimat/assignees{/user}","branches_url":"https://api.github.com/repos/neremic/zalimat/branches{/branch}","tags_url":"https://api.github.com/repos/neremic/zalimat/tags","blobs_url":"https://api.github.com/repos/neremic/zalimat/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/neremic/zalimat/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/neremic/zalimat/git/refs{/sha}","trees_url":"https://api.github.com/repos/neremic/zalimat/git/trees{/sha}","statuses_url":"https://api.github.com/repos/neremic/zalimat/statuses/{sha}","languages_url":"https://api.github.com/repos/neremic/zalimat/languages","stargazers_url":"https://api.github.com/repos/neremic/zalimat/stargazers","contributors_url":"https://api.github.com/repos/neremic/zalimat/contributors","subscribers_url":"https://api.github.com/repos/neremic/zalimat/subscribers","subscription_url":"https://api.github.com/repos/neremic/zalimat/subscription","commits_url":"https://api.github.com/repos/neremic/zalimat/commits{/sha}","git_commits_url":"https://api.github.com/repos/neremic/zalimat/git/commits{/sha}","comments_url":"https://api.github.com/repos/neremic/zalimat/comments{/number}","issue_comment_url":"https://api.github.com/repos/neremic/zalimat/issues/comments{/number}","contents_url":"https://api.github.com/repos/neremic/zalimat/contents/{+path}","compare_url":"https://api.github.com/repos/neremic/zalimat/compare/{base}...{head}","merges_url":"https://api.github.com/repos/neremic/zalimat/merges","archive_url":"https://api.github.com/repos/neremic/zalimat/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/neremic/zalimat/downloads","issues_url":"https://api.github.com/repos/neremic/zalimat/issues{/number}","pulls_url":"https://api.github.com/repos/neremic/zalimat/pulls{/number}","milestones_url":"https://api.github.com/repos/neremic/zalimat/milestones{/number}","notifications_url":"https://api.github.com/repos/neremic/zalimat/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/neremic/zalimat/labels{/name}","releases_url":"https://api.github.com/repos/neremic/zalimat/releases{/id}","deployments_url":"https://api.github.com/repos/neremic/zalimat/deployments","created_at":"2016-06-01T13:53:21Z","updated_at":"2016-06-09T08:54:49Z","pushed_at":"2016-07-20T14:35:26Z","git_url":"git://github.com/neremic/zalimat.git","ssh_url":"git@github.com:neremic/zalimat.git","clone_url":"https://github.com/neremic/zalimat.git","svn_url":"https://github.com/neremic/zalimat","homepage":null,"size":94,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"open_issues_count":3,"forks":1,"open_issues":3,"watchers":0,"default_branch":"master"}},"base":{"label":"neremic:master","ref":"master","sha":"ee4f46798fce479adb7096fea66aa3d5d0c8d208","user":{"login":"neremic","id":19587698,"avatar_url":"https://avatars.githubusercontent.com/u/19587698?v=3","gravatar_id":"","url":"https://api.github.com/users/neremic","html_url":"https://github.com/neremic","followers_url":"https://api.github.com/users/neremic/followers","following_url":"https://api.github.com/users/neremic/following{/other_user}","gists_url":"https://api.github.com/users/neremic/gists{/gist_id}","starred_url":"https://api.github.com/users/neremic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neremic/subscriptions","organizations_url":"https://api.github.com/users/neremic/orgs","repos_url":"https://api.github.com/users/neremic/repos","events_url":"https://api.github.com/users/neremic/events{/privacy}","received_events_url":"https://api.github.com/users/neremic/received_events","type":"User","site_admin":false},"repo":{"id":60181179,"name":"zalimat","full_name":"neremic/zalimat","owner":{"login":"neremic","id":19587698,"avatar_url":"https://avatars.githubusercontent.com/u/19587698?v=3","gravatar_id":"","url":"https://api.github.com/users/neremic","html_url":"https://github.com/neremic","followers_url":"https://api.github.com/users/neremic/followers","following_url":"https://api.github.com/users/neremic/following{/other_user}","gists_url":"https://api.github.com/users/neremic/gists{/gist_id}","starred_url":"https://api.github.com/users/neremic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/neremic/subscriptions","organizations_url":"https://api.github.com/users/neremic/orgs","repos_url":"https://api.github.com/users/neremic/repos","events_url":"https://api.github.com/users/neremic/events{/privacy}","received_events_url":"https://api.github.com/users/neremic/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/neremic/zalimat","description":"","fork":false,"url":"https://api.github.com/repos/neremic/zalimat","forks_url":"https://api.github.com/repos/neremic/zalimat/forks","keys_url":"https://api.github.com/repos/neremic/zalimat/keys{/key_id}","collaborators_url":"https://api.github.com/repos/neremic/zalimat/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/neremic/zalimat/teams","hooks_url":"https://api.github.com/repos/neremic/zalimat/hooks","issue_events_url":"https://api.github.com/repos/neremic/zalimat/issues/events{/number}","events_url":"https://api.github.com/repos/neremic/zalimat/events","assignees_url":"https://api.github.com/repos/neremic/zalimat/assignees{/user}","branches_url":"https://api.github.com/repos/neremic/zalimat/branches{/branch}","tags_url":"https://api.github.com/repos/neremic/zalimat/tags","blobs_url":"https://api.github.com/repos/neremic/zalimat/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/neremic/zalimat/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/neremic/zalimat/git/refs{/sha}","trees_url":"https://api.github.com/repos/neremic/zalimat/git/trees{/sha}","statuses_url":"https://api.github.com/repos/neremic/zalimat/statuses/{sha}","languages_url":"https://api.github.com/repos/neremic/zalimat/languages","stargazers_url":"https://api.github.com/repos/neremic/zalimat/stargazers","contributors_url":"https://api.github.com/repos/neremic/zalimat/contributors","subscribers_url":"https://api.github.com/repos/neremic/zalimat/subscribers","subscription_url":"https://api.github.com/repos/neremic/zalimat/subscription","commits_url":"https://api.github.com/repos/neremic/zalimat/commits{/sha}","git_commits_url":"https://api.github.com/repos/neremic/zalimat/git/commits{/sha}","comments_url":"https://api.github.com/repos/neremic/zalimat/comments{/number}","issue_comment_url":"https://api.github.com/repos/neremic/zalimat/issues/comments{/number}","contents_url":"https://api.github.com/repos/neremic/zalimat/contents/{+path}","compare_url":"https://api.github.com/repos/neremic/zalimat/compare/{base}...{head}","merges_url":"https://api.github.com/repos/neremic/zalimat/merges","archive_url":"https://api.github.com/repos/neremic/zalimat/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/neremic/zalimat/downloads","issues_url":"https://api.github.com/repos/neremic/zalimat/issues{/number}","pulls_url":"https://api.github.com/repos/neremic/zalimat/pulls{/number}","milestones_url":"https://api.github.com/repos/neremic/zalimat/milestones{/number}","notifications_url":"https://api.github.com/repos/neremic/zalimat/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/neremic/zalimat/labels{/name}","releases_url":"https://api.github.com/repos/neremic/zalimat/releases{/id}","deployments_url":"https://api.github.com/repos/neremic/zalimat/deployments","created_at":"2016-06-01T13:53:21Z","updated_at":"2016-06-09T08:54:49Z","pushed_at":"2016-07-20T14:35:26Z","git_url":"git://github.com/neremic/zalimat.git","ssh_url":"git@github.com:neremic/zalimat.git","clone_url":"https://github.com/neremic/zalimat.git","svn_url":"https://github.com/neremic/zalimat","homepage":null,"size":94,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":1,"mirror_url":null,"open_issues_count":3,"forks":1,"open_issues":3,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/neremic/zalimat/pulls/4"},"html":{"href":"https://github.com/neremic/zalimat/pull/4"},"issue":{"href":"https://api.github.com/repos/neremic/zalimat/issues/4"},"comments":{"href":"https://api.github.com/repos/neremic/zalimat/issues/4/comments"},"review_comments":{"href":"https://api.github.com/repos/neremic/zalimat/pulls/4/comments"},"review_comment":{"href":"https://api.github.com/repos/neremic/zalimat/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/neremic/zalimat/pulls/4/commits"},"statuses":{"href":"https://api.github.com/repos/neremic/zalimat/statuses/152946ca6d29cdea41bdf320be5e43a150593595"}}}}
{"actor":{"display_login":"prayerslayer"}}