added custom width for toast

Author: risha-vijayvargiya-22

src/services/Vertex.tsx

@@ -17,7 +17,11 @@
 import { toast } from 'react-toastify';
 import { requestAPI } from '../handler/Handler';
 import { SchedulerLoggingService, LOG_LEVEL } from './LoggingService';
-import { showToast, toastifyCustomStyle } from '../utils/Config';
+import {
+  showToast,
+  toastifyCustomStyle,
+  toastifyCustomWidth
+} from '../utils/Config';
 import {
   ICreatePayload,
   IVertexScheduleList,
@@ -114,7 +118,9 @@ export class VertexServices {
           } else {
             toast.error(
               <ExpandToastMessage message={data.error} />,
-              toastifyCustomStyle
+              data.error.length > 500
+                ? toastifyCustomWidth
+                : toastifyCustomStyle
             );
           }
         }

src/utils/Config.ts

@@ -76,6 +76,16 @@ export const toastifyCustomStyle: ToastOptions<Record<string, never>> = {
   position: toast.POSITION.BOTTOM_CENTER
 };
 
+export const toastifyCustomWidth: ToastOptions<Record<string, never>> = {
+  hideProgressBar: true,
+  autoClose: 600000,
+  theme: 'dark',
+  position: toast.POSITION.BOTTOM_CENTER,
+  style: {
+    width: '150%'
+  }
+};
+
 export const handleDebounce = (func: any, delay: number) => {
   let timeoutId: any;
   return function (...args: any) {