fix(frontend): revert loading to prop-based

Signed-off-by: Ratnapradeep <prpr23091999@gmail.com>

Author: RATNAPRADEEP

frontend/src/pages/RunDetails.tsx

@@ -141,7 +141,6 @@ interface RunDetailsState {
   mlmdExecutions?: Execution[];
   showReducedGraph?: boolean;
   namespace?: string;
-  isLoading: boolean;
 }
 
 export const css = stylesheet({
@@ -192,7 +191,6 @@ class RunDetails extends Page<RunDetailsInternalProps, RunDetailsState> {
     mlmdRunContext: undefined,
     mlmdExecutions: undefined,
     showReducedGraph: false,
-    isLoading: false,
   };
 
   private readonly AUTO_REFRESH_INTERVAL = 5000;
@@ -240,7 +238,7 @@ class RunDetails extends Page<RunDetailsInternalProps, RunDetailsState> {
   }
 
   public render(): JSX.Element {
-    if (this.state.isLoading) {
+    if (this.props.isLoading) {
       return (
         <div style={{ textAlign: 'center', paddingTop: '40px' }}>
           <CircularProgress />
@@ -750,7 +748,6 @@ class RunDetails extends Page<RunDetailsInternalProps, RunDetailsState> {
   }
 
   public async load(): Promise<void> {
-    this.setState({ isLoading: true });
     this.clearBanner();
     const runId = this.props.match.params[RouteParams.runId];
 
@@ -931,7 +928,6 @@ class RunDetails extends Page<RunDetailsInternalProps, RunDetailsState> {
 
     // Load all run's outputs
     await this._loadAllOutputs();
-    this.setState({ isLoading: false });
   }
 
   private handleError = async (error: Error) => {