app
1 year ago
app.tsx
10 months ago
block.json
7 months ago
edit.tsx
1 year ago
icon.jsx
1 year ago
index.tsx
1 year ago
render.php
1 year ago
utils.ts
1 year ago
app.tsx
28 lines
| 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 |