{"body":"","parents":["afba752034973ae42857aec2a50ee096db6478d4"],"patch":"diff --git a\/src\/devtools\/views\/Profiler\/SidebarInteractions.css b\/src\/devtools\/views\/Profiler\/SidebarInteractions.css\nindex e0dbd3b4f5..f2a8432c7b 100644\n--- a\/src\/devtools\/views\/Profiler\/SidebarInteractions.css\n+++ b\/src\/devtools\/views\/Profiler\/SidebarInteractions.css\n@@ -29,6 +29,10 @@\n color: var(--color-dim);\n }\n \n+.Commits {\n+ font-weight: bold;\n+}\n+\n .List {\n list-style: none;\n margin: 0;\n@@ -36,8 +40,17 @@\n }\n \n .ListItem {\n+ display: flex;\n+ flex-direction: row;\n+ align-items: center;\n padding: 0.25rem 0.5rem;\n }\n .ListItem:hover {\n background-color: var(--color-hover-background);\n }\n+\n+.CommitBox {\n+ width: 20px;\n+ height: 20px;\n+ margin-right: 0.5rem;\n+}\ndiff --git a\/src\/devtools\/views\/Profiler\/SidebarInteractions.js b\/src\/devtools\/views\/Profiler\/SidebarInteractions.js\nindex c5e788dba7..9159cc8d29 100644\n--- a\/src\/devtools\/views\/Profiler\/SidebarInteractions.js\n+++ b\/src\/devtools\/views\/Profiler\/SidebarInteractions.js\n@@ -4,6 +4,7 @@ import React, { Fragment, useContext } from 'react';\n import { ProfilerContext } from '.\/ProfilerContext';\n import { formatDuration, formatTime } from '.\/utils';\n import { StoreContext } from '..\/context';\n+import { getGradientColor } from '.\/utils';\n \n import styles from '.\/SidebarInteractions.css';\n \n@@ -30,12 +31,19 @@ export default function SidebarInteractions(_: Props) {\n rendererID: ((rendererID: any): number),\n rootID: ((rootID: any): number),\n });\n- const { commitDurations, commitTimes } = profilingCache.ProfilingSummary.read(\n- {\n- rendererID: ((rendererID: any): number),\n- rootID: ((rootID: any): number),\n- }\n- );\n+\n+ const profilingSummary = profilingCache.ProfilingSummary.read({\n+ rendererID: ((rendererID: any): number),\n+ rootID: ((rootID: any): number),\n+ });\n+\n+ const { maxCommitDuration } = profilingCache.getInteractionsChartData({\n+ interactions,\n+ profilingSummary,\n+ rootID: ((rootID: any): number),\n+ });\n+\n+ const { commitDurations, commitTimes } = profilingSummary;\n \n const interaction = ((interactions.find(\n interaction => interaction.id === selectedInteractionID\n@@ -52,6 +60,7 @@ export default function SidebarInteractions(_: Props) {\n

{interaction.name}<\/div>\n <\/div>\n

\n+

Commits:<\/div>\n

viewCommit(commitIndex)}\n >\n- timestamp: {formatTime(commitTimes[commitIndex])}s\n-
\n- duration: {formatDuration(commitDurations[commitIndex])}ms\n+ \n+

\n+ timestamp: {formatTime(commitTimes[commitIndex])}s\n+
\n+ duration: {formatDuration(commitDurations[commitIndex])}ms\n+ <\/div>\n <\/li>\n ))}\n <\/ul>\n","files":[{"status":"M","path":"src\/devtools\/views\/Profiler\/SidebarInteractions.css"},{"status":"M","path":"src\/devtools\/views\/Profiler\/SidebarInteractions.js"}],"commit":{"shortRevision":"9d942b486a","subject":"Show commit boxes in interaxctions sidebar","revision":"9d942b486a2562b7498cebdd9e76b404d9605534","authorName":"Brian Vaughn","authoredAt":"2019-03-24T09:58:56-07:00","authorEmail":"bvaughn@fb.com"}}

dillon1000/react

Files changed