1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / chinawholesale-frontend-next / src / hooks /
Filename : popup-alerts.tsx
back
import SweetAlert, { SweetAlertResult } from 'sweetalert2'
import { useRouter } from 'next/router'

interface ConfirmAlertProps {
    icon?: string
    text?: string
    confirmButtonText?: string
    denyButtonText?: string
}

export const useTsxPopupAlerts = () => {
    const router = useRouter()
    const responseChecker = (res: any, returnUrl = '#', defaultMessage = 'Something Went Wrong!') => {
        if (res?.statusCode === 200 && res.data.status) {
            SweetAlert.fire({
                icon: 'success',
                text: res.data.message,
                showConfirmButton: true,
                allowOutsideClick: false
            }).then(function () {
                if (returnUrl && returnUrl !== '#') router.push(returnUrl)
            })
        } else if (res?.statusCode === 422) {
            SweetAlert.fire({
                icon: 'error',
                text: res.data.message,
                showConfirmButton: true,
                allowOutsideClick: false
            }).then()
        } else {
            SweetAlert.fire({
                icon: 'error',
                text: res.data.message || defaultMessage,
                showConfirmButton: true,
                allowOutsideClick: false
            }).then()
        }
    }
    const sendNotification = (iconTye = 'success', message = '', ...rest: any) => {
        SweetAlert.fire({
            position: 'center',
            text: message,
            showConfirmButton: true,
            timerProgressBar: true,
            showCloseButton: false,
            allowOutsideClick: false,
            icon: `${iconTye}`,
            customClass: {
                actions: 'my-actions',
                cancelButton: 'order-1 right-gap',
                confirmButton: 'order-2',
                denyButton: 'order-3',
                topZIndex: 'height-z-index'
            },
            ...rest
        }).then()
    }

    const errorNotification = (iconTye = 'error', message = '', ...rest: any) => {
        SweetAlert.fire({
            position: 'center',
            text: message,
            showConfirmButton: true,
            timerProgressBar: true,
            showCloseButton: false,
            allowOutsideClick: false,
            icon: `${iconTye}`,
            customClass: {
                actions: 'my-actions',
                cancelButton: 'order-1 right-gap',
                confirmButton: 'order-2',
                denyButton: 'order-3',
                topZIndex: 'height-z-index'
            },
            ...rest
        }).then()
    }

    async function confirmAlert(attributes: ConfirmAlertProps, ...rest: any): Promise<SweetAlertResult> {
        const selectedIcon = attributes.icon || 'info'
        const selectedText = attributes.text || 'Do you really want to take this action?'

        return await SweetAlert.fire({
            showDenyButton: true,
            showCancelButton: false,
            allowOutsideClick: false,
            showLoaderOnConfirm: true,
            allowEnterKey: false,
            allowEscapeKey: false,
            confirmButtonText: attributes.confirmButtonText || 'Yes',
            denyButtonText: attributes.denyButtonText || 'No',
            icon: `${selectedIcon}`,
            text: selectedText,
            customClass: {
                actions: 'my-actions',
                cancelButton: 'order-1 right-gap',
                confirmButton: 'order-2',
                denyButton: 'order-3',
                topZIndex: 'height-z-index'
            },
            ...rest
        })
    }

    return {
        responseChecker,
        sendNotification,
        errorNotification,
        confirmAlert
    }
}