Camera Feed Fixes: Gracefully handle full-screen errors for unsupported devices; fixes clipping of content in certain sizes in landscape mode

[rithviknishad]

Proposed Changes

• Fixes Camera Feed clipping in certain mobile sizes in landscape view.
• Gracefully handle full-screen errors for unsupported devices
• Rename "Select presets" to "More presets"

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

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Update product documentation.
• Ensure that UI text is kept in I18n files.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Request for Peer Reviews
• Completion of QA

[vercel]

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	Jun 3, 2024 3:33pm

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	21c1ad1
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/665de21b2eaee90008911d64
😎 Deploy Preview	https://deploy-preview-7965--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[cypress]

3 failed tests on run #2686 ↗︎

3

121

0

0

0

Details:

Camera Feed Fixes: Gracefully handle full-screen errors for unsupported devices;...
Project: CARE	Commit: 21c1ad1e35
Status: Failed	Duration: 04:04 💡
Started: Jun 3, 2024 3:37 PM	Ended: Jun 3, 2024 3:42 PM

  patient_consultation.cy.ts • 1 failed test • UI-Chrome

View Output

Test		Artifacts
Patient Consultation in multiple combination > Internal Transfer within facility Patient with Domicilary Care		Test Replay Screenshots

  patient_registration.cy.ts • 1 failed test • UI-Chrome

View Output

Test		Artifacts
Patient Creation with consultation > Patient Registration using the transfer with no consultation		Test Replay Screenshots

  patient_prescription.cy.ts • 1 failed test • UI-Chrome

View Output

Test		Artifacts
Patient Medicine Administration > Add a new titrated medicine for a patient | Individual Administeration |		Test Replay Screenshots

Review all test suite changes for PR #7965 ↗︎

[nihal467]

need to be tested on all device :

• Windows Laptop 15.6 inch
• Redmi Note 7 Pro (Android)
• iPhone 14 Pro (Safari & Chrome)

[netlify]

❌ Deploy Preview for care-net failed.

Name	Link
🔨 Latest commit	be9bd11
🔍 Latest deploy log	https://app.netlify.com/sites/care-net/deploys/665ddde767bf630008c9419f

[nihal467]

LGTM, tested through tunnel

[github-actions]

@rithviknishad Your efforts have helped advance digital healthcare and TeleICU systems. 🚀 Thank you for taking the time out to make CARE better. We hope you continue to innovate and contribute; your impact is immense! 🙌

[sentry-io]

Suspect Issues

This pull request was deployed and Sentry observed the following issues:

• ‼️ TypeError: Failed to execute 'exitFullscreen' on 'Document': Document not active d(src/CAREUI/misc/Fullscreen) View Issue

_{Did you find this useful? React with a 👍 or 👎}