feat: update typing and add default for title

Author: eshankvaish

src/Shared/Services/ToastManager/ToastContent.tsx

@@ -6,7 +6,7 @@ export const ToastContent = ({ title, description, buttonProps }: Omit<ToastProp
     <div className="flexbox-col dc__gap-8">
         <div className="flexbox-col dc__gap-4">
             <h3 className="m-0 fs-13 fw-6 lh-20 cn-0 dc__truncate">{title}</h3>
-            {description && <p className="fs-12 fw-4 lh-18 m-0 dc__truncate--clamp-6">{description}</p>}
+            <p className="fs-12 fw-4 lh-18 m-0 dc__truncate--clamp-6">{description}</p>
         </div>
         {buttonProps && (
             <Button

src/Shared/Services/ToastManager/constants.tsx

@@ -1,12 +1,12 @@
-import { ReactElement, MouseEventHandler } from 'react'
+import { MouseEventHandler } from 'react'
 import { ToastOptions, ToastContainerProps } from 'react-toastify'
 import { ReactComponent as ICInfoFilled } from '@Icons/ic-info-filled.svg'
 import { ReactComponent as ICSuccess } from '@Icons/ic-success.svg'
 import { ReactComponent as ICError } from '@Icons/ic-error.svg'
 import { ReactComponent as ICWarning } from '@Icons/ic-warning.svg'
 import { ReactComponent as ICLocked } from '@Icons/ic-locked.svg'
 import { ReactComponent as ICClose } from '@Icons/ic-close.svg'
-import { ToastVariantType } from './types'
+import { ToastProps, ToastVariantType } from './types'
 
 export const TOAST_BASE_CONFIG: ToastContainerProps = {
     autoClose: 5000,
@@ -18,34 +18,40 @@ export const TOAST_BASE_CONFIG: ToastContainerProps = {
     toastClassName: 'custom-toast',
     bodyClassName: 'custom-toast__body',
     closeButton: ({ closeToast }) => (
-        <ICClose className="icon-dim-24 p-4 flex dc__no-shrink fcn-0" onClick={closeToast as MouseEventHandler} />
+        <ICClose
+            className="icon-dim-24 p-4 flex dc__no-shrink fcn-0 cursor"
+            onClick={closeToast as MouseEventHandler}
+        />
     ),
 }
 
 export const TOAST_VARIANT_TO_CONFIG_MAP: Record<
     ToastVariantType,
-    {
-        icon: ReactElement
-    } & Pick<ToastOptions, 'type'>
+    Required<Pick<ToastProps, 'icon' | 'title'>> & Pick<ToastOptions, 'type'>
 > = {
     [ToastVariantType.info]: {
         icon: <ICInfoFilled />,
         type: 'info',
+        title: 'Information',
     },
     [ToastVariantType.success]: {
         icon: <ICSuccess />,
         type: 'success',
+        title: 'Success',
     },
     [ToastVariantType.error]: {
         icon: <ICError />,
         type: 'error',
+        title: 'Error',
     },
     [ToastVariantType.warn]: {
         icon: <ICWarning className="warning-icon-y5-imp" />,
         type: 'warning',
+        title: 'Warning',
     },
     [ToastVariantType.notAuthorized]: {
         icon: <ICLocked />,
         type: 'warning',
+        title: 'Not authorized',
     },
 }

src/Shared/Services/ToastManager/toastManager.service.tsx

@@ -19,18 +19,21 @@ class ToastManager {
 
     // eslint-disable-next-line class-methods-use-this
     showToast = (
-        { variant = ToastVariantType.info, icon: customIcon, ...toastProps }: ToastProps,
+        { variant = ToastVariantType.info, icon: customIcon, title, description, buttonProps }: ToastProps,
         options: Pick<ToastOptions, 'autoClose'> = {},
     ) => {
-        const { icon, type } = TOAST_VARIANT_TO_CONFIG_MAP[variant]
+        const { icon, type, title: defaultTitle } = TOAST_VARIANT_TO_CONFIG_MAP[variant]
 
-        return toast(<ToastContent {...toastProps} />, {
-            ...options,
-            icon: () => (
-                <div className="dc__no-shrink flex dc__fill-available-space icon-dim-20">{customIcon ?? icon}</div>
-            ),
-            type,
-        })
+        return toast(
+            <ToastContent title={title || defaultTitle} description={description} buttonProps={buttonProps} />,
+            {
+                ...options,
+                icon: () => (
+                    <div className="dc__no-shrink flex dc__fill-available-space icon-dim-20">{customIcon ?? icon}</div>
+                ),
+                type,
+            },
+        )
     }
 }
 

src/Shared/Services/ToastManager/types.ts

@@ -10,8 +10,8 @@ export enum ToastVariantType {
 }
 
 export interface ToastProps {
-    title: string
-    description?: string
+    title?: string
+    description: string
     icon?: ReactElement
     variant?: ToastVariantType
     buttonProps?: ButtonProps