| 1 |
import {createRoot} from '@wordpress/element'; |
| 2 |
import useCampaign from '../shared/hooks/useCampaign'; |
| 3 |
import App from './app/index'; |
| 4 |
|
| 5 |
export const CampaignGoalBlockApp = ({campaignId}: { campaignId: number }) => { |
| 6 |
const {campaign, hasResolved} = useCampaign(campaignId); |
| 7 |
|
| 8 |
if (!hasResolved || !campaignId) { |
| 9 |
return null; |
| 10 |
} |
| 11 |
|
| 12 |
return <App campaign={campaign} />; |
| 13 |
} |
| 14 |
|
| 15 |
/** |
| 16 |
* @since 4.0.0 |
| 17 |
*/ |
| 18 |
const nodeList = document.querySelectorAll('[data-givewp-campaign-goal]'); |
| 19 |
|
| 20 |
if (nodeList) { |
| 21 |
const containers = Array.from(nodeList); |
| 22 |
|
| 23 |
containers.map((container: any) => { |
| 24 |
const root = createRoot(container); |
| 25 |
return root.render(<CampaignGoalBlockApp campaignId={container.dataset?.id} />); |
| 26 |
}); |
| 27 |
} |
| 28 |
|
