AdditionalAddonCard.js
4 years ago
AdditionalAddonCard.module.css
4 years ago
AdditionalAddons.js
4 years ago
AdditionalAddons.module.css
4 years ago
AddonsAdminPage.js
4 years ago
AddonsAdminPage.module.css
4 years ago
Button.js
4 years ago
Button.module.css
4 years ago
Card.js
4 years ago
Card.module.css
4 years ago
Hero.js
4 years ago
Hero.module.css
4 years ago
MustHaveAddonCard.js
4 years ago
MustHaveAddonCard.module.css
4 years ago
MustHaveAddons.js
4 years ago
MustHaveAddons.module.css
4 years ago
PricingPlanCard.js
4 years ago
PricingPlanCard.module.css
4 years ago
PricingPlans.js
4 years ago
PricingPlans.module.css
4 years ago
RecurringDonationsTab.js
4 years ago
RecurringDonationsTab.module.scss
4 years ago
MustHaveAddons.js
29 lines
| 1 | import {__} from '@wordpress/i18n'; |
| 2 | |
| 3 | import {MustHaveAddonCard} from './MustHaveAddonCard'; |
| 4 | import {Hero} from './Hero'; |
| 5 | import styles from './MustHaveAddons.module.css'; |
| 6 | |
| 7 | const {addonButtonCaption, addons, description, heading} = window.GiveAddons.mustHaveAddons; |
| 8 | |
| 9 | export const MustHaveAddons = () => ( |
| 10 | <article> |
| 11 | <Hero heading={heading} description={description} /> |
| 12 | <ul className={styles.grid}> |
| 13 | {addons.map(({name, description, url, icon, image, features}) => ( |
| 14 | <li key={name}> |
| 15 | <MustHaveAddonCard |
| 16 | name={name} |
| 17 | description={description} |
| 18 | icon={icon} |
| 19 | image={image} |
| 20 | features={features} |
| 21 | actionLink={url} |
| 22 | actionText={addonButtonCaption} |
| 23 | /> |
| 24 | </li> |
| 25 | ))} |
| 26 | </ul> |
| 27 | </article> |
| 28 | ); |
| 29 |