Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat contact page UI implementation #97 #118

Merged
merged 7 commits into from
Jul 23, 2024

Conversation

bertrandshema
Copy link
Contributor

@bertrandshema bertrandshema commented Jul 22, 2024

This PR implements the UI for the Contact page based on the provided Figma design. The Contact page is designed to be responsive, accessible, and consistent with the overall theme and style of the app. Key features include form validation, displaying contact details, and FAQs.

Completed Tasks:

  1. Implemented the contact page and its componets (Contact form and FAQs componets)
  2. Write test for each components

Acceptance Criteria:

  • The Contact page UI matches the Figma design closely.
  • The page is fully responsive and looks good on different screen sizes.
  • Form validation works as expected.
  • Contact details and FAQs are displayed correctly.
  • All interactive elements (form, inputs) function as intended.

Testing:

  • Ensured that the form inputs clear upon successful submission.
  • Verified that success and error messages display correctly.
  • Checked responsiveness across different screen sizes.
  • Validated form fields for correct input and error handling.

Screenshots:

Screenshot_22-7-2024_164019_localhost
Screenshot_22-7-2024_16402_localhost
Screenshot_22-7-2024_163951_localhost
Screenshot 2024-07-22 175124
Screenshot 2024-07-22 164252

@bertrandshema bertrandshema added Front-End Ready for TTL Review the PR is ready to be reviewed by the TTL/Manager labels Jul 22, 2024
@bertrandshema bertrandshema self-assigned this Jul 22, 2024
@bertrandshema bertrandshema linked an issue Jul 22, 2024 that may be closed by this pull request
Copy link

netlify bot commented Jul 22, 2024

Deploy Preview for dynamite-frontend ready!

Name Link
🔨 Latest commit 2d338c5
🔍 Latest deploy log https://app.netlify.com/sites/dynamite-frontend/deploys/669e91b537fe9f000856a2be
😎 Deploy Preview https://deploy-preview-118--dynamite-frontend.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 configuration.

@bertrandshema bertrandshema force-pushed the feat-contact-page-ui-implementation-#97 branch 6 times, most recently from 6168366 to 069775e Compare July 22, 2024 15:52
@bertrandshema bertrandshema force-pushed the feat-contact-page-ui-implementation-#97 branch 2 times, most recently from 6ccb40b to b2da3d8 Compare July 22, 2024 16:14
@codecov-commenter
Copy link

codecov-commenter commented Jul 22, 2024

Codecov Report

Attention: Patch coverage is 86.17886% with 68 lines in your changes missing coverage. Please review.

Project coverage is 76.98%. Comparing base (03b31ce) to head (2d338c5).

Files Patch % Lines
src/components/Contact/ContactForm.tsx 83.02% 37 Missing ⚠️
src/features/contact/contactSlice.ts 67.21% 20 Missing ⚠️
src/pages/contact.tsx 33.33% 8 Missing ⚠️
src/components/form/HSInput.tsx 25.00% 3 Missing ⚠️
Additional details and impacted files
@@             Coverage Diff             @@
##           develop     #118      +/-   ##
===========================================
+ Coverage    76.50%   76.98%   +0.48%     
===========================================
  Files           91       99       +8     
  Lines        10090    10573     +483     
  Branches       622      652      +30     
===========================================
+ Hits          7719     8140     +421     
- Misses        2368     2430      +62     
  Partials         3        3              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Collaborator

@ambroisegithub ambroisegithub left a comment

Choose a reason for hiding this comment

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

It's looking good for merge

@dushimeemma dushimeemma merged commit 904bc2c into develop Jul 23, 2024
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Front-End Ready for TTL Review the PR is ready to be reviewed by the TTL/Manager
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feat: Contact Page UI Implementation
7 participants