1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / chinawholesale-frontend-next / src / components / alert /
Filename : alertInfo.js
back
import React from 'react'
import { List, Modal } from 'antd'
import Swal from 'sweetalert2'

const useAlert = () => {
    const notify = (rest) => {
        const icon = rest?.icon || 'info';
        const content = rest?.content || '';
        const info = {icon, html:content, centered: true, ...rest}
        return Swal.fire(info)
    }

    const info = (content, title = null, options = {}) => {
        const info = {icon: 'info', centered: true, ...options}
        if (title) {
            info.title = title;
        }
        if (content) {
            info.html = content;
        }
        Swal.fire(info).then()
    }

    const success = (content, title = null, options = {}) => {
        const success = {icon: 'success', centered: true, ...options}
        if (title) {
            success.title = title;
        }
        if (content) {
            success.html = content;
        }
        Swal.fire(success).then()
    }

    const error = (content, title = null, okText = 'Ok', options = {}) => {
        const error = {icon: 'error', centered: true, ...options}
        if (title) {
            error.title = title;
        }
        if (content) {
            error.html = content;
        }
        if (content) {
            error.confirmButtonText = okText;
        }
        Swal.fire(error).then()
    }

    const warning = (content, title = null, okText = 'Understood!', options = {}) => {
        const warning = {icon: 'warning', centered: true, ...options}
        if (title) {
            warning.title = title;
        }
        if (content) {
            warning.html = content;
        }
        if (content) {
            warning.confirmButtonText = okText;
        }

        Swal.fire(warning).then()
    }

    const errorNotification = (content, title = null) => {
        const error = { icon: 'error', centered: true }
        if (title) {
            error.title = title
        }
        if (content) {
            error.html = content
        }
        Swal.fire(error).then()
    }

    const confirmNotification = (
        icon = 'info',
        content,
        title = null,
        options = {},
    ) => {
        const error = { icon: icon, centered: true, ...options }
        if (title) {
            error.title = title
        }
        if (content) {
            error.html = content
        }
        return Swal.fire(error)
    }

    const min_amount_validation = ({ Title, total_price, min_amt }) => {
        Modal.warning({
            title: `Minimum amount not reached yet!`,
            content:
                <>
                    <List>
                        <List.Item>
                            <List.Item.Meta
                                // avatar={<LazyImage image={{ src: MainPictureUrl, height: '60px', width: '60px' }} />}
                                title={<span style={{ color: 'red' }}>{Title}.</span>}
                                style={{ alignItems: 'center', color: 'red' }}
                            />
                        </List.Item>
                        <List.Item style={{ padding: '6px 0' }}>
                            <List.Item.Meta
                                style={{ alignItems: 'center' }}
                                title="Your selected product amount BDT."
                            />
                            <b style={{ marginBottom: '4px' }}>{total_price}/-</b>
                        </List.Item>
                        <List.Item style={{ padding: '6px 0' }}>
                            <List.Item.Meta
                                style={{ alignItems: 'center' }}
                                title="Minimum product amount must be BDT."
                            />
                            <b style={{ marginBottom: '4px' }}>{min_amt}/-</b>
                        </List.Item>
                    </List>
                </>,
        })
    }

    const min_quantity_validation = ({ Title, total_qty, min_qty }) => {
        Modal.warning({
            title: `Minimum quantity not reached yet!`,
            content: (
                <>
                    <List>
                        <List.Item>
                            <List.Item.Meta
                                // avatar={<LazyImage image={{ src: MainPictureUrl, height: '60px', width: '60px' }} />}
                                title={<span style={{ color: 'red' }}>{Title}.</span>}
                                style={{ alignItems: 'center' }}
                            />
                        </List.Item>
                        <List.Item style={{ padding: '6px 0' }}>
                            <List.Item.Meta
                                style={{ alignItems: 'center' }}
                                title="Your selected product quantity "
                            />
                            <b style={{ marginBottom: '4px' }}>{total_qty}</b>
                        </List.Item>
                        <List.Item style={{ padding: '6px 0' }}>
                            <List.Item.Meta
                                style={{ alignItems: 'center' }}
                                title="Minimum product quantity must be "
                            />
                            <b style={{ marginBottom: '4px' }}>{min_qty}</b>
                        </List.Item>
                    </List>
                </>
            ),
        })
    }

    return {
        notify,
        info,
        success,
        error,
        warning,
        errorNotification,
        confirmNotification,
        min_amount_validation,
        min_quantity_validation,
    }
}

export default useAlert