feat: add prop image type in error screen manager

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.0.3",
+    "version": "1.0.3-beta-4",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -138,6 +138,7 @@ export enum ERROR_STATUS_CODE {
     PERMISSION_DENIED = 403,
     NOT_FOUND = 404,
     EXPECTATION_FAILED = 417,
+    UNPROCESSABLE_ENTITY = 422,
     INTERNAL_SERVER_ERROR = 500,
     BAD_GATEWAY = 502,
     SERVICE_TEMPORARY_UNAVAILABLE = 503,
@@ -512,6 +513,7 @@ export const API_STATUS_CODES = {
     PERMISSION_DENIED: 403,
     NOT_FOUND: 404,
     EXPECTATION_FAILED: 417,
+    UNPROCESSABLE_ENTITY: 422,
     LOCKED: 423,
 }
 

src/Common/Constants.ts

@@ -29,6 +29,7 @@ const ErrorScreenManager = ({
     reloadClass,
     heightToDeduct,
     redirectURL,
+    imageType = ImageType.Large,
 }: ErrorScreenManagerProps) => {
     const getMessage = () => {
         switch (code) {
@@ -39,7 +40,7 @@ const ErrorScreenManager = ({
                         title={ERROR_EMPTY_SCREEN.BAD_REQUEST}
                         subTitle={subtitle || ERROR_EMPTY_SCREEN.BAD_REQUEST_MESSAGE}
                         image={badRequest}
-                        imageType={ImageType.Large}
+                        imageType={imageType}
                         heightToDeduct={heightToDeduct}
                         reload={reload}
                     />
@@ -51,7 +52,7 @@ const ErrorScreenManager = ({
                         title={ERROR_EMPTY_SCREEN.UNAUTHORIZED}
                         subTitle={subtitle || ERROR_EMPTY_SCREEN.UNAUTHORIZED_MESSAGE}
                         image={unauthorized}
-                        imageType={ImageType.Large}
+                        imageType={imageType}
                         heightToDeduct={heightToDeduct}
                     />
                 )
@@ -62,7 +63,7 @@ const ErrorScreenManager = ({
                         title={ERROR_EMPTY_SCREEN.FORBIDDEN}
                         subTitle={subtitle || ERROR_EMPTY_SCREEN.FORBIDDEN_MESSAGE}
                         image={unauthorized}
-                        imageType={ImageType.Large}
+                        imageType={imageType}
                         heightToDeduct={heightToDeduct}
                     />
                 )
@@ -73,7 +74,7 @@ const ErrorScreenManager = ({
                         title={ERROR_EMPTY_SCREEN.PAGE_NOT_FOUND}
                         subTitle={subtitle || ERROR_EMPTY_SCREEN.PAGE_NOT_EXIST}
                         image={notFound}
-                        imageType={ImageType.Large}
+                        imageType={imageType}
                         heightToDeduct={heightToDeduct}
                         redirectURL={redirectURL}
                     />
@@ -85,7 +86,7 @@ const ErrorScreenManager = ({
                         title={ERROR_EMPTY_SCREEN.INTERNAL_SERVER_ERROR}
                         subTitle={subtitle || ERROR_EMPTY_SCREEN.INTERNAL_SERVER_ERROR_MESSAGE}
                         image={badRequest}
-                        imageType={ImageType.Large}
+                        imageType={imageType}
                         heightToDeduct={heightToDeduct}
                         reload={reload}
                     />
@@ -97,7 +98,7 @@ const ErrorScreenManager = ({
                         title={ERROR_EMPTY_SCREEN.BAD_GATEWAY}
                         subTitle={subtitle || ERROR_EMPTY_SCREEN.BAD_GATEWAY_MESSAGE}
                         image={badRequest}
-                        imageType={ImageType.Large}
+                        imageType={imageType}
                         heightToDeduct={heightToDeduct}
                         reload={reload}
                     />
@@ -109,7 +110,7 @@ const ErrorScreenManager = ({
                         title={ERROR_EMPTY_SCREEN.SERVICE_TEMPORARY_UNAVAILABLE}
                         subTitle={subtitle || ERROR_EMPTY_SCREEN.SERVICE_TEMPORARY_UNAVAILABLE_MESSAGE}
                         image={badRequest}
-                        imageType={ImageType.Large}
+                        imageType={imageType}
                         heightToDeduct={heightToDeduct}
                         reload={reload}
                     />

src/Common/ErrorScreenManager.tsx

@@ -173,6 +173,7 @@ export interface ErrorPageType
 
 export interface ErrorScreenManagerProps {
     code?: number
+    imageType?: ImageType
     reload?: (...args) => any
     subtitle?: React.ReactChild
     reloadClass?: string

src/Common/Types.ts

@@ -14,16 +14,13 @@
  * limitations under the License.
  */
 
+import { OPEN_NEW_TICKET, RAISE_ISSUE, VIEW_ALL_TICKETS } from '@Shared/constants'
 import { HelpOptionType } from './types'
 import { ReactComponent as Chat } from '../../../Assets/Icon/ic-chat-circle-dots.svg'
 import { ReactComponent as EditFile } from '../../../Assets/Icon/ic-edit-file.svg'
 import { ReactComponent as Files } from '../../../Assets/Icon/ic-files.svg'
 import { DISCORD_LINK } from '../../../Common'
 
-const OPEN_NEW_TICKET = 'https://enterprise.devtron.ai/portal/en/newticket'
-const VIEW_ALL_TICKETS = 'https://enterprise.devtron.ai/portal/en/myarea'
-const RAISE_ISSUE = 'https://github.com/devtron-labs/devtron/issues/new/choose'
-
 export const EnterpriseHelpOptions: HelpOptionType[] = [
     {
         name: 'Open new ticket',

src/Shared/Components/Header/constants.ts

@@ -499,3 +499,7 @@ export const DEFAULT_LOCKED_KEYS_CONFIG: Readonly<ConfigKeysWithLockType> = {
 }
 
 export const ALL_RESOURCE_KIND_FILTER = 'all'
+
+export const OPEN_NEW_TICKET = 'https://enterprise.devtron.ai/portal/en/newticket'
+export const VIEW_ALL_TICKETS = 'https://enterprise.devtron.ai/portal/en/myarea'
+export const RAISE_ISSUE = 'https://github.com/devtron-labs/devtron/issues/new/choose'