# give/4.18.0/src/Campaigns/resources/admin/components/CampaignDetailsPage/Components/ArchiveCampaignDialog.tsx

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 54 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/Campaigns/resources/admin/components/CampaignDetailsPage/Components/ArchiveCampaignDialog.tsx
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/Campaigns/resources/admin/components/CampaignDetailsPage/Components/ArchiveCampaignDialog.tsx
- Modified: 2025-03-31T19:17:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.18.0/code/src/Campaigns/resources/admin/components/CampaignDetailsPage/Components/ArchiveCampaignDialog.tsx#L10-L20`.

```tsx
import {__} from '@wordpress/i18n'
import ModalDialog from '@givewp/components/AdminUI/ModalDialog';
import {ErrorIcon} from '../../Icons';
import styles from '../CampaignDetailsPage.module.scss'

/**
 * @since 4.0.0
 */
export default ({
    isOpen,
    title,
    handleClose,
    handleConfirm,
    className,
}: {
    isOpen: boolean;
    handleClose: () => void;
    handleConfirm: () => void;
    title: string;
    className?: string;
}) => {
    return (
        <ModalDialog
            icon={<ErrorIcon />}
            isOpen={isOpen}
            showHeader={true}
            handleClose={handleClose}
            title={title}
            wrapperClassName={className}
        >
            <>
                <div className={styles.archiveDialogContent}>
                    {__('Are you sure you want to archive your campaign? All forms associated with this campaign will be inaccessible to donors.', 'give')}
                </div>
                <div className={styles.archiveDialogButtons}>
                    <button
                        className={styles.cancelButton}
                        onClick={handleClose}

                    >
                        {__('Cancel', 'give')}
                    </button>
                    <button
                        className={styles.confirmButton}
                        onClick={handleConfirm}
                    >
                        {__('Archive campaign', 'give')}
                    </button>
                </div>
            </>
        </ModalDialog>
    );
}

```