Display live monitoring button to only State Admin, District Admin and Doctor.

[AshrafMd-1]

Proposed Changes

• Fixes Restrict Live monitoring button in facility details page to Certain users #7021
• Display live monitoring button to specific users only

@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

[netlify]

👷 Deploy Preview for care-egov-staging processing.

Name	Link
🔨 Latest commit	e6e9946
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/65a190c3e9dd270008084f54

[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	Jan 16, 2024 1:10pm

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	90b6c09
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/65a68026fcb48a00087a14b0
😎 Deploy Preview	https://deploy-preview-7029--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.

[AshrafMd-1]

@rithviknishad can u review once

[rithviknishad]

This just hides the button. Users could still go to the URL directly and open the page right?

I think we could add a reusable component called: AuthorizedRoute which accepts user_type: UserRole[]; children and show Page Not Found / Forbidden if unauthorized, else the children.

This wrapper would be used directly in the raviger router's routes like:

const routes = {
  ...
  "/path/to/page": (props) => (
    <AuthorizedRoute userTypes={["StateAdmin", ...]}>
      <LiveMonitoring {...props} />
    </AuthorizedRoute>
  )
};

[AshrafMd-1]

@rithviknishad is this okay ?

[nihal467]

LGTM

[github-actions]

@AshrafMd-1 We truly appreciate your efforts. Thank you for taking the time to contribute; this is a very valuable contribution to us 🥇. We always welcome your contribution 🙂, so feel free to contribute to anything anytime, and never lose that spirit of innovation 🙌.