Prevent CARE from reloading during sign in/out 🏃‍♂️

[rithviknishad]

WHAT

🤖[deprecated] Generated by Copilot at f64151f

Refactored authentication and sign out logic to use the useAuthContext hook and the AuthUserProvider component. Simplified and cleaned up code in various components and files related to authentication. Fixed minor typos and bugs.

Proposed Changes

• Fixes Care app reloads upon login #6665

@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

HOW

🤖[deprecated] Generated by Copilot at f64151f

• Refactor the Login component to use the useAuthContext hook and the signIn function from the context (link,link)
• Refactor the signOut logic to be handled by the AuthUserProvider component, and use the useAuthContext hook and the signOut function from the context in the SidebarUserCard, SessionExpired, and UserProfile components (link,link,link,link,link,link,link,link)
• Refactor the AuthUserProvider component to use the useCallback hook to create the signIn and signOut functions, and pass them to the AuthUserContext along with the user value (link,link,link)
• Add the getRedirectURL and getRedirectOr helper functions to the AuthUserProvider component file, to handle the redirection logic after signIn and signOut based on the redirect query parameter (link)
• Add the storage event listener to the AuthUserProvider component, to handle the sign out from another tab by calling the signOut function if the tokens are removed from the local storage (link)
• Export the JwtTokenObtainPair and LoginCredentials interfaces from the src/Redux/api.tsx file, and use them to type the response and the input of the routes.login endpoint (link,link)
• Rename the LoginInput interface to LoginCredentials for consistency with the signIn function (link)
• Change the type of the refresh property of the TBody property of the routes.tokenRefresh object to use the refresh property of the JwtTokenObtainPair interface (link)
• Use the nullish coalescing operator (??) instead of the logical OR operator (||) to set the silent property of the merged request options, to avoid overriding the silent property if it is explicitly set to false in the overrides (link)
• Use the formatName function from the src/Utils/utils.ts file to display the user's name in the SidebarUserCard component, instead of concatenating the first and last name manually (link)
• Correct the comment in the Login component to use the term "unmounted" instead of "dismounted" (link)
• Remove the unused imports and functions from the src/Routers/AppRouter.tsx and src/Utils/utils.ts files (link,link,link,link)

[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	Dec 13, 2023 8:10am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	0661c11
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/657966d310b079000856ff77
😎 Deploy Preview	https://deploy-preview-6828--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.

[github-actions]

👋 Hi, @rithviknishad,
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.

[nihal467]

LGTM

[github-actions]

@rithviknishad 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 🙌.