Remove custom reset zoom logic and UI for flame graph due to regression from refactoring. No fix yet.

Author: aaanh

packages/react-components/src/components/gantt-chart-output-component.tsx

@@ -63,11 +63,6 @@ export class GanttChartOutputComponent extends AbstractGanttOutputComponent<
         // TODO Show header, when we can have entries in-line with timeline-chart
         return (
             <>
-                <div className="zoom-reset-button-container">
-                    <button className="item zoom-reset-button" onClick={this.handleResetZoom} aria-label="reset zoom">
-                        <i className="codicon codicon-arrow-both" /> Reset Zoom
-                    </button>
-                </div>
                 <div
                     ref={this.chartTreeRef}
                     className="scrollable"
@@ -122,20 +117,4 @@ export class GanttChartOutputComponent extends AbstractGanttOutputComponent<
             </>
         );
     }
-
-    private handleResetZoom = () => {
-        // Reset the view range to the initial global view range snapshot
-        const initial = this.initialViewRangeSnapshot || this.props.unitController.viewRange;
-        this.props.unitController.viewRange = {
-            start: initial.start,
-            end: initial.end
-        };
-        if (this.chartLayer) {
-            this.chartLayer.update();
-        }
-        this.setState(prev => ({ zoomResetCounter: (prev.zoomResetCounter ?? 0) + 1 }));
-        if (this.props.onResetZoom) {
-            this.props.onResetZoom();
-        }
-    };
 }

packages/react-components/src/components/trace-context-component.tsx

@@ -59,7 +59,6 @@ export interface TraceContextState {
     backgroundTheme: string;
     pinnedView: OutputDescriptor | undefined;
     ganttChartRanges?: Record<string, { start: bigint; end: bigint }>;
-    ganttChartResetZoomKey?: number;
 }
 
 export interface PersistedState {
@@ -184,8 +183,7 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
                 lineColor: this.props.backgroundTheme === 'light' ? 0x757575 : 0xbbbbbb
             },
             backgroundTheme: this.props.backgroundTheme,
-            ganttChartRanges: {},
-            ganttChartResetZoomKey: 0
+            ganttChartRanges: {}
         };
         const absoluteRange = traceRange.getDuration();
         const offset = viewRange.getOffset();
@@ -837,7 +835,6 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
                                     addWidgetResizeHandler={this.addWidgetResizeHandler}
                                     removeWidgetResizeHandler={this.removeWidgetResizeHandler}
                                     className={this.state.pinnedView?.id === output.id ? 'pinned-view-shadow' : ''}
-                                    onResetZoom={this.handleGanttChartResetZoom}
                                 >
                                     <div
                                         style={{
@@ -848,7 +845,6 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
                                         }}
                                     >
                                         <TimeAxisComponent
-                                            key={this.state.ganttChartResetZoomKey}
                                             unitController={ganttChartUnitController}
                                             style={{ ...this.state.style, width: chartWidth, verticalAlign: 'bottom' }}
                                             addWidgetResizeHandler={this.addWidgetResizeHandler}
@@ -1045,8 +1041,4 @@ export class TraceContextComponent extends React.Component<TraceContextProps, Tr
             }
         }));
     };
-
-    private handleGanttChartResetZoom = () => {
-        this.setState(prev => ({ ganttChartResetZoomKey: (prev.ganttChartResetZoomKey ?? 0) + 1 }));
-    };
 }