added logout path

Author: talhainvenxion

src/routes/appRoutesConfig.tsx

@@ -21,6 +21,7 @@ import StacksRunDetail from '../ui/layouts/stacks/RunDetail';
 import RunsRunDetail from '../ui/layouts/runs/RunDetail';
 import ComponentRunDetail from '../ui/layouts/stackComponents/RunDetail';
 import SettingsPage from '../ui/layouts/settings/SettingsPage';
+import { Logout } from '../ui/components/Logout';
 
 const routes = [
   {
@@ -331,6 +332,14 @@ const routes = [
     },
     exact: true,
   },
+  {
+    path: routePaths.logout,
+    Component: Logout,
+    visibility: {
+      authentication: RouteVisibilityAuthentication.authenticatedOnly,
+    },
+    exact: true,
+  },
 ];
 
 export const appRoutesConfig = [...routes] as RouteInterface[];

src/routes/routePaths.tsx

@@ -80,4 +80,5 @@ export const routePaths = {
     personalDetails: '/settings/personal-details',
     organizationSettings: '/settings/organization',
   },
+  logout: '/logout',
 };

src/ui/components/Logout.tsx

@@ -0,0 +1,15 @@
+/* eslint-disable */
+
+import { useEffect } from 'react';
+import { sessionActions } from '../../redux/actions/session';
+import { useDispatch } from '../hooks';
+
+export const Logout = () => {
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    dispatch(sessionActions.logout());
+  });
+
+  return null;
+};