Skip to content

Updated Contact Us Page to Use Form#264

Open
OVECJOE wants to merge 7 commits into
productionfrom
dev/update-contact-page-to-use-form
Open

Updated Contact Us Page to Use Form#264
OVECJOE wants to merge 7 commits into
productionfrom
dev/update-contact-page-to-use-form

Conversation

@OVECJOE

@OVECJOE OVECJOE commented Jun 12, 2025

Copy link
Copy Markdown
Collaborator

IMPORTANT NOTE: The branch associated to this PR checked out from #263.

In this PR, I revamped the contact page to play out as suggested in issue #188. There is an existing PR under this issue, #203, which failed to sync with the version of Chakra used in the codebase.

Here is what this PR contains:

  1. A completely revamped contact page, that allows anyone to contact @joelwass from the page.
  2. The email sending mechanism is powered by Resend.
  3. It defaults to opening the user's default email client if it attempts (and failed) to send the email thrice.

Thanks.

@OVECJOE OVECJOE requested a review from joelwass June 12, 2025 14:05
@vercel

vercel Bot commented Jun 12, 2025

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
teacherfund ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 30, 2025 11:29am

Comment thread pages/_app.js
@@ -1,4 +1,3 @@
import React from 'react'

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why remove React here?

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

oh.... didn't realize it wasn't used anymore haha thanks

Comment thread pages/api/contact.js Outdated
}

const { data, error } = await resend.emails.send({
from: 'Teacher Fund <joel@theteacherfund.com>',

@joelwass joelwass Jun 13, 2025

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

shouldn't this be sending an email from them to me, instead of the other way around?

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hehehe. My bad.
Let me fix.

I can't remember when I made the typo.. haha

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think I remember why I wrote the from like that, but I forgot to update the to. Because we are using Resend, emails cannot be sent from unverified email domain, and the funder's email domain is likely unverified. I have updated it, what do you think?

@joelwass joelwass left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i haven't been able to test because for some reason api/contact in the vercel preview is 404'ing, but once you address the "to" and "from" swap it looks good to me and i'll merge it and test it locally :)

Base automatically changed from dev/trying-to-upgrade-deps to production June 21, 2025 21:41
Separator,
CardBody,
Badge
} from '@chakra-ui/react'

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i don't think we're going to be able to use chakra here without some hacking. i couldn't figure it out in the 10 mins i gave to this.

you need a chakra provider, and i believe that Resend is rendering this component outside of the chakra provider.

i'll dm you the resend API key so you can test locally

Comment thread pages/api/contact.js Outdated
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.

2 participants