Edit File by line

import React, {useState} from "react";

[0] Fix | Delete

import domReady from '@wordpress/dom-ready';

[1] Fix | Delete

import ReactDOM from "react-dom";

[2] Fix | Delete

import Button from "../common/button";

[3] Fix | Delete

import FloatingNoticePlaceholder from "../common/floating-notice-placeholder";

[4] Fix | Delete

import {showSuccessNotice} from "../utils/notices";

[5] Fix | Delete

import AjaxMediaLibraryScannerModal from "./ajax-media-library-scanner-modal";

[6] Fix | Delete

import BackgroundMediaLibraryScannerModal from "./background-media-library-scanner-modal";

[7] Fix | Delete

[8] Fix | Delete

const {__} = wp.i18n;

[9] Fix | Delete

[10] Fix | Delete

function MediaLibraryScanner({}) {

[11] Fix | Delete

const [modalOpen, setModalOpen] = useState(false);

[12] Fix | Delete

[13] Fix | Delete

return <>

[14] Fix | Delete

[15] Fix | Delete

[16] Fix | Delete

{modalOpen &&

[17] Fix | Delete

<BackgroundMediaLibraryScannerModal

[18] Fix | Delete

focusAfterClose="wp-smush-open-media-library-scanner"

[19] Fix | Delete

nonce={mediaLibraryScan.nonce}

[20] Fix | Delete

onScanCompleted={() => {

[21] Fix | Delete

showSuccessNotice(

[22] Fix | Delete

'wp-smush-media-library-scanner-notice',

[23] Fix | Delete

__('Scan completed successfully!', 'wp-smushit'),

[24] Fix | Delete

true

[25] Fix | Delete

);

[26] Fix | Delete

setModalOpen(false);

[27] Fix | Delete

window.location.reload();

[28] Fix | Delete

}}

[29] Fix | Delete

onClose={() => setModalOpen(false)}

[30] Fix | Delete

[31] Fix | Delete

}

[32] Fix | Delete

[33] Fix | Delete

<Button id="wp-smush-open-media-library-scanner" text={__('Re-Check Images', 'wp-smushit')}

[34] Fix | Delete

className="wp-smush-scan"

[35] Fix | Delete

icon="sui-icon-update"

[36] Fix | Delete

disabled={modalOpen}

[37] Fix | Delete

onClick={() => setModalOpen(true)}

[38] Fix | Delete

[39] Fix | Delete

</>;

[40] Fix | Delete

}

[41] Fix | Delete

[42] Fix | Delete

domReady(function () {

[43] Fix | Delete

const scannerContainer = document.getElementById('wp-smush-media-library-scanner');

[44] Fix | Delete

if (scannerContainer) {

[45] Fix | Delete

ReactDOM.render(

[46] Fix | Delete

<MediaLibraryScanner/>,

[47] Fix | Delete

scannerContainer

[48] Fix | Delete

);

[49] Fix | Delete

}

[50] Fix | Delete

});

[51] Fix | Delete