| 1 |
import {QueryClient, QueryClientProvider} from "@tanstack/react-query"; |
| 2 |
import {addFilter, doAction} from "@wordpress/hooks"; |
| 3 |
import React from "react"; |
| 4 |
import {ToastContainer} from "react-toastify"; |
| 5 |
|
| 6 |
import {CustomizerLink, ElementorLink, GutenbergLink} from "./components"; |
| 7 |
import Field from "./fields/Field"; |
| 8 |
import QuickBuildWrapper from "./quickbuilder/QuickBuildWrapper"; |
| 9 |
import registerQuickBuilderFetchFix from "../utils/quickbuilderFetchFix"; |
| 10 |
|
| 11 |
// Must run before any QuickBuilder ajax button can be clicked: without a method |
| 12 |
// those requests never leave the browser. See the util for the full story. |
| 13 |
registerQuickBuilderFetchFix(); |
| 14 |
|
| 15 |
addFilter("betterdocs_settings_gutenberg_link", "BetterDocs", GutenbergLink); |
| 16 |
addFilter("betterdocs_settings_elementor_link", "BetterDocs", ElementorLink); |
| 17 |
addFilter("betterdocs_settings_customizer_link", "BetterDocs", CustomizerLink); |
| 18 |
addFilter("custom_field", "BetterDocs", Field); |
| 19 |
|
| 20 |
|
| 21 |
const BetterDocsSettingApp = () => { |
| 22 |
return ( |
| 23 |
<div className="betterdocs-settings-wrapper"> |
| 24 |
<QuickBuildWrapper/> |
| 25 |
</div> |
| 26 |
); |
| 27 |
}; |
| 28 |
|
| 29 |
const queryClient = new QueryClient(); |
| 30 |
|
| 31 |
const Settings = () => { |
| 32 |
return ( |
| 33 |
<div className="betterdocs-settings-wrap"> |
| 34 |
{doAction("betterdocs_settings_header", "settings")} |
| 35 |
<div className="betterdocs-left-right-settings"> |
| 36 |
{doAction("betterdocs_before_settings_left")} |
| 37 |
<div className="betterdocs-settings"> |
| 38 |
<div className="betterdocs-settings-content"> |
| 39 |
<div className="betterdocs-dashboard-container betterdocs-settings-form-wrapper"> |
| 40 |
<div id="betterdocsQuickBuilder"> |
| 41 |
<QueryClientProvider client={queryClient}> |
| 42 |
<ToastContainer |
| 43 |
position="bottom-right" |
| 44 |
autoClose={3000} |
| 45 |
hideProgressBar={false} |
| 46 |
closeOnClick={true} |
| 47 |
pauseOnHover={true} |
| 48 |
draggable={true} |
| 49 |
progress={undefined} |
| 50 |
theme="colored" |
| 51 |
limit={4} |
| 52 |
/> |
| 53 |
<BetterDocsSettingApp/> |
| 54 |
</QueryClientProvider> |
| 55 |
</div> |
| 56 |
</div> |
| 57 |
</div> |
| 58 |
{doAction("betterdocs_settings_footer")} |
| 59 |
</div> |
| 60 |
{doAction("betterdocs_after_settings_left")} |
| 61 |
</div> |
| 62 |
</div> |
| 63 |
); |
| 64 |
}; |
| 65 |
|
| 66 |
export default Settings; |
| 67 |
|
