커스텀알럿 customAlert

developer.do·2023년 3월 3일
0

커스텀알럿 customAlert

import Swal from 'sweetalert2';

/**
* @description 커스텀 컨펌 입니다.
* @param {string} title 타이틀
* @param {string} text 내용
* @param {string} confirmButton 확인 버튼 텍스트
* @param {Function} confirmed 확인 후 동작할 함수
*/
export const customConfirm = (
 title: string,
 text: string,
 confirmButton: string,
 confirmed: Function
) => {
 Swal.fire({
   title: title,
   text: text,
   icon: 'warning',
   showCancelButton: true,
   confirmButtonColor: '#3085d6',
   cancelButtonColor: '#d33',
   confirmButtonText: confirmButton,
   cancelButtonText: '취소',
 }).then((result: any) => {
   if (result.isConfirmed) {
     confirmed();
   }
 });
};

/**
* @description 커스텀 alert 입니다.
* @param {string} title 타이틀
*/
export const customAlert = (title: string) => {
 Swal.fire({
   icon: 'error',
   title: title,
   confirmButtonColor: '#0c37d6',
 });
};
export const customConfirm2 = (title: string) => {
 Swal.fire({
   icon: 'success',
   title: title,
   confirmButtonColor: '#08818c',
 });
};

0개의 댓글