文件操作 - index.tsx

文件: /home/www/public/wp-content/plugins/give/src/Admin/components/Notices/index.tsx

编辑文件内容

import {CloseIcon, ErrorIcon, InfoIcon, WarningIcon} from '@givewp/admin/components/Notices/Icons';
import {useState} from '@wordpress/element';
import {__} from '@wordpress/i18n';
import styles from './styles.module.scss';

/**
 * @since 4.10.0 Add className prop
 * @since 4.8.0
 */
interface Props {
    type: 'info' | 'warning' | 'error';
    className?: string;
    children: React.ReactNode;
    dismissHandleClick?: () => void;
}

/**
 * @since 4.10.0 Add className prop
 * @since 4.8.0
 */
export default ({type, children, dismissHandleClick, className}: Props) => {
    const [isVisible, setIsVisible] = useState(true);

const handleDismiss = () => {
        setIsVisible(false);
        if (dismissHandleClick) {
            dismissHandleClick();
        }
    };

if (!isVisible) {
        return null;
    }

const noticeClasses = `${styles.notice} ${className} ${
        type === 'warning' ? styles.warning : type === 'error' ? styles.error : styles.info
    }`;

return (
        <div className={noticeClasses}>
            <NoticeIcon type={type} />
            <div className={styles.content}>{children}</div>
            {dismissHandleClick && (
                <button
                    type="button"
                    className={styles.dismissButton}
                    onClick={handleDismiss}
                    aria-label={__('Dismiss notice', 'give')}
                >
                    <CloseIcon />
                </button>
            )}
        </div>
    );
};

文件操作 - index.tsx

文件: /home/www/public/wp-content/plugins/give/src/Admin/components/Notices/index.tsx

编辑文件内容

修改文件时间

删除文件