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

Replaced MaterialUI in DeathReport and used Form Component Fixes #4939 #5512

Closed
wants to merge 1 commit into from

Conversation

print-Sathvik
Copy link
Contributor

@print-Sathvik print-Sathvik commented May 24, 2023

WHAT

Replaced MaterialUI components and legacy form fields with new form fields. Wrapped all fields inside Form component

Proposed Changes

@coronasafe/care-fe-code-reviewers @coronasafe/code-reviewers

HOW

🤖 Generated by Copilot at f4ba972

  • Remove max-w-3xl class from Form component to make it more responsive (link)
  • Add max-w-3xl class to CreatePrescriptionForm component to limit its width (link)

@print-Sathvik print-Sathvik requested a review from a team May 24, 2023 13:25
@print-Sathvik print-Sathvik requested a review from a team as a code owner May 24, 2023 13:25
@vercel
Copy link

vercel bot commented May 24, 2023

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

Name Status Preview Comments Updated (UTC)
care-storybook ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 26, 2023 0:08am

@netlify
Copy link

netlify bot commented May 24, 2023

Deploy Preview for care-egov-staging ready!

Name Link
🔨 Latest commit f4ba972
🔍 Latest deploy log https://app.netlify.com/sites/care-egov-staging/deploys/6470a0f990b77000086c1a17
😎 Deploy Preview https://deploy-preview-5512--care-egov-staging.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.

Copy link
Member

@rithviknishad rithviknishad left a comment

Choose a reason for hiding this comment

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

@print-Sathvik

  1. Avoid keeping 3 fields per row, it looks congested.
  2. In mobile view you may keep 1 field per row.

Consider keeping the grid grid-cols-1 md:grid-cols-2 in the parent instead of each row.

@nihal467 to share screenshots

image

  • Increase the width of the form in normal view, to avoid the field name going to the second row

image

  • in the responsive view, most of the fields are not properly viewed to entered data, suggestions, make each field per row in mobile view and don't change in normal view

@sonarcloud
Copy link

sonarcloud bot commented May 26, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
No Duplication information No Duplication information

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

Successfully merging this pull request may close these issues.

Replace Material UI components in src/Components/DeathReport/DeathReport.tsx:
3 participants