Merge branch 'feat/release-v2' of github.com:devtron-labs/devtron-fe-common-lib into feat/rollout-status

Author: eshankvaish

src/Shared/Components/APIResponseHandler/APIResponseHandler.tsx

@@ -1,4 +1,4 @@
-import { ErrorScreenNotAuthorized, GenericEmptyState, Progressing, Reload } from '../../../Common'
+import { ErrorScreenManager, ErrorScreenNotAuthorized, GenericEmptyState, Progressing, Reload } from '../../../Common'
 import { GenericSectionErrorState } from '../GenericSectionErrorState'
 import { NOT_FOUND_DEFAULT_TEXT } from './constants'
 import { APIResponseHandlerProps } from './types'
@@ -12,6 +12,7 @@ const APIResponseHandler = ({
     notFoundText,
     reloadProps,
     genericSectionErrorProps,
+    errorScreenManagerProps,
     children,
 }: APIResponseHandlerProps) => {
     // keeping it above loading since, not expected to send a call if not authorized
@@ -30,7 +31,10 @@ const APIResponseHandler = ({
             return <GenericSectionErrorState {...genericSectionErrorProps} />
         }
 
-        // TODO: Can extend ErrorScreenNotFound
+        if (errorScreenManagerProps) {
+            return <ErrorScreenManager {...errorScreenManagerProps} />
+        }
+
         if (error?.code === 404) {
             return (
                 <GenericEmptyState

src/Shared/Components/APIResponseHandler/types.tsx

@@ -1,5 +1,11 @@
 import { ReactNode } from 'react'
-import { GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common'
+import {
+    ErrorScreenManagerProps,
+    GenericEmptyStateType,
+    ProgressingProps,
+    ReloadType,
+    ServerErrors,
+} from '../../../Common'
 import { GenericSectionErrorStateProps } from '../GenericSectionErrorState/types'
 
 export interface EmptyPageTextType {
@@ -38,9 +44,14 @@ export interface APIResponseHandlerProps {
      */
     reloadProps?: ReloadType
     /**
-     * If given, would show this component instead of default Error component
+     * If given, would show GenericSectionErrorState instead of default Reload component
      */
     genericSectionErrorProps?: GenericSectionErrorStateProps
+    /**
+     * If given, would show ErrorScreenManager component instead of Reload component
+     * Priority of error states are: genericSectionErrorProps > errorScreenManagerProps > Reload component
+     */
+    errorScreenManagerProps?: ErrorScreenManagerProps
     /**
      * If no Error and no Loading, would load this component
      */