Add error message to error boundary

Signed-off-by: Remington Breeze <remington@breeze.software>
argoproj · Sep 14, 2021 · cdaa5e3 · cdaa5e3
1 parent 1bc0914
commit cdaa5e3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/ui/src/app/applications/components/resource-details/resource-details.tsx b/ui/src/app/applications/components/resource-details/resource-details.tsx
@@ -120,7 +120,7 @@ export const ResourceDetails = (props: ResourceDetailsProps) => {
                 title: 'More',
                 key: 'extension',
                 content: (
-                    <ErrorBoundary>
+                    <ErrorBoundary message={`Something went wrong with Extension for ${state.kind}`}>
                         <ExtensionComponent tree={tree} resource={state} />
                     </ErrorBoundary>
                 )

diff --git a/ui/src/app/shared/components/error-boundary/error-boundary.tsx b/ui/src/app/shared/components/error-boundary/error-boundary.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-export class ErrorBoundary extends React.Component<any, {hasError: boolean}> {
+export class ErrorBoundary extends React.Component<{message?: string}, {hasError: boolean}> {
     constructor(props: any) {
         super(props);
         this.state = {hasError: false};
@@ -12,7 +12,7 @@ export class ErrorBoundary extends React.Component<any, {hasError: boolean}> {
 
     render() {
         if (this.state.hasError) {
-            return <h1>Something went wrong.</h1>;
+            return <h1>{this.props.message ? this.props.message : 'Something went wrong.'}</h1>;
         }
 
         return this.props.children;