erp-platform/ui/src/views/shared/DialogContext/DialogShowComponent.tsx

import TenantsConnectionString from '@/views/admin/tenant-management/TenantsConnectionString'
import { useDialogContext } from './DialogProvider'
import CreateNotification from '@/views/admin/notification/CreateNotification'
import AuditLogDetail from '@/views/admin/auditLog/AuditLogDetail'
import RolesPermission from '@/views/admin/role-management/RolesPermission'
import UsersPermission from '@/views/admin/user-management/UsersPermission'
import BranchSeed from '@/views/branch/BranchSeed'
import QuestionDialog from '@/views/coordinator/QuestionDialog'

const DialogShowComponent = (): JSX.Element => {
  const dialogContext: any = useDialogContext()

  const handleDialogClose = () => {
    if (dialogContext.config?.onClose) {
      dialogContext.config.onClose()
    }
    dialogContext.setConfig({})
  }

  const getComponent = (param: string) => {
    switch (param) {
      case 'RolesPermission':
        return (
          <RolesPermission
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></RolesPermission>
        )
      case 'UsersPermission':
        return (
          <UsersPermission
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></UsersPermission>
        )
      case 'TenantsConnectionString':
        return (
          <TenantsConnectionString
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></TenantsConnectionString>
        )
      case 'CreateNotification':
        return (
          <CreateNotification
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></CreateNotification>
        )
      case 'AuditLogDetail':
        return (
          <AuditLogDetail
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></AuditLogDetail>
        )
      case 'BranchSeed':
        return (
          <BranchSeed
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></BranchSeed>
        )
      case 'QuestionAnswers':
        return (
          <QuestionDialog
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></QuestionDialog>
        )
      case 'CollectiveLeave':
        return (
          <QuestionDialog
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></QuestionDialog>
        )
      case 'CollectiveOvertime':
        return (
          <QuestionDialog
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></QuestionDialog>
        )
      case 'CollectivePayroll':
        return (
          <QuestionDialog
            open={true}
            onDialogClose={handleDialogClose}
            {...dialogContext.config?.props}
          ></QuestionDialog>
        )
      default:
        return <></>
    }
  }

  return getComponent(dialogContext.config?.component)
}

export default DialogShowComponent