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}
- >
-
-
+ {!isRegressionView &&
}
+ {!isRegressionView && (
+
Detailed Steps}
+ >
+
+
+ )}
);
}
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}
+
-
+ )}
>
);
}