Skip to content

FCC Donation Page Embed into WordPress#123

Open
aaronashby wants to merge 6 commits intomainfrom
aa-embed-donation-page-into-wordpress
Open

FCC Donation Page Embed into WordPress#123
aaronashby wants to merge 6 commits intomainfrom
aa-embed-donation-page-into-wordpress

Conversation

@aaronashby
Copy link
Copy Markdown
Collaborator

Description

I embedded the donation page ("Make a Difference" banner, GrowingGoal.tsx, and DonationForm.tsx) into WordPress. As of writing this PR, it is currently on a draft page in FCC's WP admin page, which I linked below

Changes Made

  • Added new build-embed script to project.json to build the embedded app

  • Modified donation form styling

  • Created embed.tsx, which is similar to root.tsx, but shows the banner instead of the carousel on top

  • Added config file vite.embed.config.mts

  • Added fcc-donation.php to allow the plugin for enqueuing the css and js needed to display everything

  • Wrote documentation explaining how the shortcode works, where assets live, and how to update the build

  • Backend changes

  • Frontend changes

  • Database schema changes

  • Configuration updates

  • Other

Testing & Verification

  • Unit tests pass
  • Manual testing completed
  • No breaking changes

Verification Steps:

I created a draft page at https://fenwaycommunitycenter.org/?page_id=20697&preview=true (you must be logged into the WP admin to access this) and added the shortcode [fcc_donation]

Screenshots (if relevant)

image image

Future Improvements/Notes

  • I have not yet ensured that this works with our backend as my Docker's been acting strange lately. For now, I wanted to make sure the frontend works as expected.
  • I'm not too sure why the header text appears that big

Related Issues

Closes #76

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

FCC Donation page embed into wordpress

1 participant