diff --git a/src/components/RegressionMockup.tsx b/src/components/RegressionMockup.tsx index e7d98bd..dac4617 100644 --- a/src/components/RegressionMockup.tsx +++ b/src/components/RegressionMockup.tsx @@ -100,7 +100,7 @@ export default function RegressionMockup() { return (
- + {summary.commitScreenShot && (
diff --git a/src/components/performance/OriginDisplay.tsx b/src/components/performance/OriginDisplay.tsx index bf76d91..e7e8bcb 100644 --- a/src/components/performance/OriginDisplay.tsx +++ b/src/components/performance/OriginDisplay.tsx @@ -8,10 +8,11 @@ import { ExpandableSection } from "@/pageComponents/team/id/runs/ExpandableSecti interface OriginDisplayProps { summary: OriginSummary; + isRegressionView?: boolean; } export function OriginDisplay(props: OriginDisplayProps) { - const { summary } = props; + const { summary, isRegressionView = false } = props; const steps = useMemo(() => { // Fixup the dependency steps to paper over some unknown @@ -82,13 +83,15 @@ export function OriginDisplay(props: OriginDisplayProps) { return (
- - Detailed Steps} - > -
    {timelineEntries}
-
+ {!isRegressionView && } + {!isRegressionView && ( + Detailed Steps} + > +
    {timelineEntries}
+
+ )}
); } diff --git a/src/components/performance/OriginSummaryDisplay.tsx b/src/components/performance/OriginSummaryDisplay.tsx index c95c96b..055a473 100644 --- a/src/components/performance/OriginSummaryDisplay.tsx +++ b/src/components/performance/OriginSummaryDisplay.tsx @@ -21,10 +21,11 @@ function getOriginTitle(origin: DependencyChainOrigin) { interface OriginSummaryProps { summary: OriginSummary; + isRegressionView?: boolean; } export function OriginSummaryDisplay(props: OriginSummaryProps) { - const { summary } = props; + const { summary, isRegressionView = false } = props; const { startTime, @@ -75,48 +76,50 @@ export function OriginSummaryDisplay(props: OriginSummaryProps) { return ( <>

{title}

-
-
-

Timings

-
-
-

Overall

-
Started at: {formatTime(startTime)}
-
Elapsed: {formatTime(elapsed)}
-
Network Round Trips: {numNetworkRoundTrips}
-
-
- Timing Details} - > -
-
-

Breakdown

-
Network:{formatTime(networkTime)}
-
Main Thread: {formatTime(mainThreadTime)}
-
Scheduling: {formatTime(schedulingTime)}
-
Other:{formatTime(otherTime)}
-
-
-

Main Thread

-
React Rendering:{formatTime(timeRender)}
-
React Committing:{formatTime(timeCommit)}
-
React Flushing Effects:{formatTime(timeFlushPassiveEffects)}
+ {!isRegressionView && ( +
+
+

Timings

+
+
+

Overall

+
Started at: {formatTime(startTime)}
+
Elapsed: {formatTime(elapsed)}
+
Network Round Trips: {numNetworkRoundTrips}
+
+
+ Timing Details} + > +
+
+

Breakdown

+
Network:{formatTime(networkTime)}
+
Main Thread: {formatTime(mainThreadTime)}
+
Scheduling: {formatTime(schedulingTime)}
+
Other:{formatTime(otherTime)}
+
+
+

Main Thread

+
React Rendering:{formatTime(timeRender)}
+
React Committing:{formatTime(timeCommit)}
+
React Flushing Effects:{formatTime(timeFlushPassiveEffects)}
+
-
- + +
-
-
-

Screenshots

-
- {originScreenShotElement} - {commitScreenShotElement} +
+

Screenshots

+
+ {originScreenShotElement} + {commitScreenShotElement} +
-
+ )} ); }