search

Web-Dev-Path / web-dev-path

The Web Dev Path platform. Progressive Web App (PWA). Next.js rules!
https://webdevpath.co
GNU General Public License v3.0
33 stars 11 forks source link

Adjusted contact form message on mobile #151

Closed klezi10 closed 1 year ago

klezi10 commented 1 year ago
Web Dev Path
149

Have you updated the CHANGELOG.md file? If not, please do it.

Yes.

What is this change?

Added some padding to the contact form messages on mobile devices.

Were there any complications while making this change?

No. Though, how can I reproduce an error message if the form fails to submit? That error message might need the same fix.

How did you verify this change?

Locally.

When should this be merged?

After review.

netlify[bot] commented 1 year ago

Deploy Preview for priceless-booth-2dfcaf ready!

Name Link
Latest commit 1995fe75dcd3e2bd7c93f68fdde24ade933809db
Latest deploy log https://app.netlify.com/sites/priceless-booth-2dfcaf/deploys/63964c35cd6798000928b10e
Deploy Preview https://deploy-preview-151--priceless-booth-2dfcaf.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

klezi10 commented 1 year ago

After change image

cherylli commented 1 year ago

I think the error message is using the same display

 if (res.ok) {
      setResponseMessage([
        'Your message was sent successfully. We will be in touch with you as soon as possible.',
      ]);
    } else {
      const jsonRes = await res.json();
      setResponseMessage([
        'Error Submitting Message',
        `Status Code: ${res.status} - ${jsonRes.message}`,
        'Please contact support at hello@webdevpath.co',
      ]);
    }

To manually generate error, you can use a wrong API key for sendgrid