components.overlays.ConfirmDialog.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

import React from 'react'
import get from 'lodash/get'
import { useStore } from 'react-redux'
import { useTranslation } from 'react-i18next'
import { Button, ButtonGroup, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'
import classNames from 'classnames'

import { parseExpression } from '../../core/Expression/parse'
import evalExpression from '../../utils/evalExpression'

import { ConfirmProps } from './Confirm'
import { useConfirmEffects } from './useConfirmEffects'

export function ConfirmDialog({
    size,
    title,
    text: propsText,
    ok,
    cancel,
    closeButton,
    className,
    id,
    operation,
    datasource,
    model,
    reverseButtons = false,
}: ConfirmProps) {
    const { t } = useTranslation()
    const { onConfirm, onDeny } = useConfirmEffects(id, operation)
    const { getState } = useStore()
    const { models } = getState()

    const { label: okLabel, color: okColor = 'primary' } = ok || {}
    const { label: cancelLabel, color: cancelColor } = cancel || {}

    const hasHeader = title || closeButton
    const expression = parseExpression(propsText)
    const text = expression ? evalExpression(expression, get(models, `${model}.${datasource}`)) as string : propsText

    return (
        
            {hasHeader && {title}}
            {text && {text}}
            
                
                    
                    
                
            
        
    )
}