Logout Icon

Logout Icon

This icon will navigate us to the login page.

Logout Icon

Upon selecting the logout option, the system redirects users to the login page and clears the local storage as a security measure.

Login Page

Logout Code Snippet

Below is the Logout code snippet

const handleLogout = () => {
   localStorage.clear()
   navigate('/')
 };

Code Description

This function, handleLogout, is designed to handle the logout functionality. Here's a breakdown of its functionality:

Clearing Local Storage

• Calls localStorage.clear() to remove all key-value pairs stored in the localStorage.

Navigation

• Uses the navigate function (which is often associated with routing in a web application, possibly provided by a library like React Router or Reach Router) to navigate to the root path ('/').