add logout mutation to front end (#753)

client/src/components/Layout/TopNav/TopNav.tsx

@@ -6,19 +6,21 @@ import React, { useContext } from 'react';
 import { Button, Dropdown } from 'react-bootstrap';
 import { useDispatch, useSelector } from 'react-redux';
 import { Link, useNavigate } from 'react-router-dom';
-import { removeCredentials, selectAuthenticated } from 'store';
+import { removeCredentials, selectAuthenticated, useLogoutMutation } from 'store';
 
 export function TopNav() {
   const { showSidebar, setShowSidebar } = useContext<NavContextProps>(NavContext);
   const isAuthenticated = useSelector(selectAuthenticated);
   const dispatch = useDispatch();
   const navigation = useNavigate();
+  const [logout] = useLogoutMutation();
 
   if (!isAuthenticated) return null;
 
   const handleLogout = () => {
     dispatch(removeCredentials());
     navigation('/login');
+    logout(undefined);
   };
 
   const toggleSidebar = () => {

client/src/store/index.ts

@@ -29,6 +29,7 @@ export const {
 
 export const {
   useLoginMutation,
+  useLogoutMutation,
   useGetUserQuery,
   useGetProfileQuery,
   useGetRcrainfoProfileQuery,

client/src/store/userSlice/user.slice.ts

@@ -95,6 +95,13 @@ export const userApi = haztrakApi.injectEndpoints({
       }),
       invalidatesTags: ['auth'],
     }),
+    logout: build.mutation({
+      query: () => ({
+        url: 'user/logout',
+        method: 'POST',
+      }),
+      invalidatesTags: ['auth'],
+    }),
     getUser: build.query<HaztrakUser, void>({
       query: () => ({
         url: 'user',