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

added card confirm state #134

Merged
merged 4 commits into from
Jul 18, 2023
Merged

added card confirm state #134

merged 4 commits into from
Jul 18, 2023

Conversation

GitLukeW
Copy link
Contributor

Pull Request Template

1. Targeted Issue

Ticket # 88

2. Overview of Solution

  • Redesigned the Mentor card per the figma. Started by creating the Preview.jsx component to be the preview the user sees prior to submitting the session request. Had to pass the submit throw the two other components to get the prop to preview.jsx.

  • Formatted the times to take out the trailing two zeros (Good call @nzeager )

  • Styled the three components to match the figma.

3. Tools Used

Figma, MUI, CSS

4. Testing Strategy

Tested the app by added, signing up for sessions, canceling sessions, and trying across all current mentor availabilities to ensure normal app functionality

5. Future Implications

Currently on mobile the Mentor Cards are staying to the left and leaving a large gap to the right side of the screen. Will work on that when we look at the skills icon.

6. Screenshots

Before:

Screenshot 2023-07-17 at 9 02 28 PM Screenshot 2023-07-17 at 9 02 36 PM

After:
Screenshot 2023-07-17 at 9 00 53 PM

7. Code Reviewers

@nzeager


Before you go...

  • [ ✓] I have linked the relevant issue
  • [ ✓] I have provided an overview of my solution
  • [ ✓] I have shared the tools I've used
  • [✓ ] I have outlined my testing strategy
  • [ ✓] I have considered future implications of my changes
  • [ ✓] I have included relevant screenshots
  • [ ✓] I have kept my team in the loop

Big high-fives for your incredible pull request! We're thrilled to have you as a contributor! Our team will dig into your proposed changes and give you some feedback or merge them if they're good to go. Your contributions mean the world to us!

@netlify
Copy link

netlify bot commented Jul 18, 2023

Deploy Preview for momentum-mentors ready!

Name Link
🔨 Latest commit f57dedf
🔍 Latest deploy log https://app.netlify.com/sites/momentum-mentors/deploys/64b6ecbb583e450008f60a15
😎 Deploy Preview https://deploy-preview-134--momentum-mentors.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.

Copy link
Member

@nzeager nzeager left a comment

Choose a reason for hiding this comment

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

These changes look great! A couple fixes before we merge it:

  1. Can we add some padding below the time block so if you scroll down there’s a little space below the final time?
  2. The props passed into MentorCard (SessionSignup.js lines 343-347) don’t match with what we expect it to receive (MentorCard.js lines 28-33). Similarly for Preview we pass along onSlotSelect, but don’t set up Preview to receive it. Can these be updated for consistency?

Copy link
Member

@nzeager nzeager left a comment

Choose a reason for hiding this comment

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

PR approved

@nzeager nzeager merged commit 8130a76 into main Jul 18, 2023
6 checks passed
@nzeager nzeager deleted the MM88-Session-Signup-Redesign branch July 18, 2023 20:35
GitLukeW pushed a commit that referenced this pull request Sep 9, 2023
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