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: Warning for unsupported browsers #8417

Conversation

AdityaJ2305
Copy link
Contributor

Proposed Changes

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

Screenshot 2024-08-24 at 10 02 31 PM
  • To test: simply open inspect -> three dots at top right -> More tools -> Network Conditions -> scroll down uncheck use Default -> change the browser which doesn't support as per browserlist.production eg: opera mini -> refresh

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

Copy link

netlify bot commented Aug 24, 2024

Deploy Preview for care-ohc ready!

Name Link
🔨 Latest commit 97e4baf
🔍 Latest deploy log https://app.netlify.com/sites/care-ohc/deploys/66e01203c3f69a000899b2af
😎 Deploy Preview https://deploy-preview-8417--care-ohc.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

vercel bot commented Aug 24, 2024

@AdityaJ2305 is attempting to deploy a commit to the Open Healthcare Network Team on Vercel.

A member of the Team first needs to authorize it.

Copy link

netlify bot commented Aug 24, 2024

Deploy Preview for care-net failed.

Name Link
🔨 Latest commit da121c7
🔍 Latest deploy log https://app.netlify.com/sites/care-net/deploys/66ca28229d884c00091ed178

@AdityaJ2305 AdityaJ2305 changed the title Issues/8403/warning for unsupported browsers Added: Warning for unsupported browsers Aug 24, 2024
@gigincg
Copy link
Member

gigincg commented Aug 25, 2024

@AdityaJ2305 The warning seems a little excessive. Can you make it a little more subtle?

@AdityaJ2305
Copy link
Contributor Author

@gigincg Sure

@AdityaJ2305
Copy link
Contributor Author

Screenshot 2024-08-25 at 11 16 15 PM @gigincg Let me know if it looks good or If there's anything to change. After confirmation I will make pull request for the same

@gigincg
Copy link
Member

gigincg commented Aug 26, 2024

@AdityaJ2305 Still Excessive IMO. A Transparent Gray Background with matching Text Colour should do it. Also, looking at your File changes, this seems to stay up across the platform. It needs to show up only in the Login Screen.

@AdityaJ2305
Copy link
Contributor Author

@gigincg Should the warning message also be displayed on the Forgot Password page, in addition to the Login Screen? Or is it intended only for the Login Screen?

@gigincg
Copy link
Member

gigincg commented Aug 26, 2024

Preferably only the login screen

@AdityaJ2305
Copy link
Contributor Author

Screenshot 2024-08-26 at 9 20 33 AM @gigincg Let me know if it looks good or If there's anything to change.

@AdityaJ2305
Copy link
Contributor Author

Should I make pull request for the same with updated changes ?

@rithviknishad
Copy link
Member

Should I make pull request for the same with updated changes ?

@AdityaJ2305 you can continue pushing these changes to the existing branch, it'd automatically reflect in this PR.

src/App.tsx Outdated Show resolved Hide resolved
src/Components/ErrorPages/BrowserWarning.tsx Outdated Show resolved Hide resolved
src/Components/ErrorPages/BrowserWarning.tsx Outdated Show resolved Hide resolved
src/Components/ErrorPages/BrowserWarning.tsx Outdated Show resolved Hide resolved
@AdityaJ2305
Copy link
Contributor Author

Should I make the final commit ? @rithviknishad

@AdityaJ2305 AdityaJ2305 requested a review from a team as a code owner August 28, 2024 15:11
@github-actions github-actions bot added the Deploy-Failed Deplyment is not showing preview label Sep 9, 2024
@sainak sainak added needs testing and removed changes required Deploy-Failed Deplyment is not showing preview labels Sep 9, 2024
@nihal467
Copy link
Member

nihal467 commented Sep 9, 2024

@AdityaJ2305
image

in the screenshot above i'm testing with version 80 of google chrome, which will be one of the unsupported browsers, but couldn't see the banner you mention in the screenshot,

can you mention which version of chrome i should be using to see this error banner

@nihal467 nihal467 added question Further information is requested test failed and removed needs testing labels Sep 9, 2024
@itsRaCl
Copy link
Contributor

itsRaCl commented Sep 9, 2024

screenshot-2024-09-09-17-15-37

On changing my useragent string to Chrome version 80, I can see the warning as shown here
Can you confirm what is the user agent string being set?

This is the UserAgent string that is showing the error for me
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.136 Safari/537.36

@itsRaCl
Copy link
Contributor

itsRaCl commented Sep 9, 2024

@nihal467 I even tried using BrowserStack to test the deploy preview on

  • Windows 10 Chrome verison 80
  • Windows 11 Chrome version 80

They seem to be showing the error banner as expected

@itsRaCl
Copy link
Contributor

itsRaCl commented Sep 9, 2024

@AdityaJ2305 image

in the screenshot above i'm testing with version 80 of google chrome, which will be one of the unsupported browsers, but couldn't see the banner you mention in the screenshot,

can you mention which version of chrome i should be using to see this error banner

Ohh I just noticed in this, you're in the wrong deploy preview, it should be (https://deploy-preview-8417--care-ohc.netlify.app/) but you're testing it on (https://deploy-preview-8437--care-ohc.netlify.app/)

@rithviknishad rithviknishad added needs testing and removed question Further information is requested test failed labels Sep 9, 2024
Copy link

👋 Hi, @AdityaJ2305,
Conflicts have been detected against the base branch. Please rebase your branch against the base branch.


This message is automatically generated by prince-chrismc/label-merge-conflicts-action so don't hesitate to report issues/improvements there.

@github-actions github-actions bot added the merge conflict pull requests with merge conflict label Sep 10, 2024
@nihal467
Copy link
Member

nihal467 commented Sep 10, 2024

image

@itsRaCl thanks for the headsup, @khavinshankar the PR LGTM

@nihal467 nihal467 removed the merge conflict pull requests with merge conflict label Sep 10, 2024
@khavinshankar khavinshankar merged commit 07d75b1 into ohcnetwork:develop Sep 10, 2024
17 of 19 checks passed
Copy link

@sainak @AdityaJ2305 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! 🙌

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.

Show alert/popup/warning notification when opening Care on older/unsupported browsers
7 participants