Merge branch 'master' into feature/contact

admin/src/ActiveUsers/ActiveUsers.js

@@ -0,0 +1,37 @@
+import {
+  Container,
+  Header,
+  Table,
+  Icon
+} from "semantic-ui-react";
+import { useGetActiveUsersQuery, } from '../features/api/apiSlice'
+
+
+
+// ----------------------------------------------------
+const ActiveUsers = () => {
+  const { data: users, isSuccess } = useGetActiveUsersQuery();
+
+
+//https://stackoverflow.com/questions/36559661/how-can-i-dispatch-from-child-components-in-react-redux
+//https://stackoverflow.com/questions/42597602/react-onclick-pass-event-with-parameter
+
+    return (
+      <div>
+        <Container>
+          <Header as="h1">Email of Active Users</Header>
+
+
+          {users &&
+            users.map((user) =>
+
+            <span>{user}, </span>
+          )}
+
+        </Container>
+      </div>
+    );
+
+}
+
+export default ActiveUsers;

admin/src/App/App.js

@@ -9,6 +9,7 @@ import AllSystems from "../AllSystems/AllSystems"
 import ListSystems from "../System/ListSystems"
 import UpdateSystem from "../System/UpdateSystem"
 import CreateSystem from "../System/CreateSystem"
+import ActiveUsers from "../ActiveUsers/ActiveUsers"
 
 
 const App = (params) => {
@@ -22,6 +23,7 @@ const App = (params) => {
 					<Route path="/create-system" element={ <Restricted><CreateSystem/></Restricted>}  />
 					<Route path="/list-systems" element={ <Restricted><ListSystems/></Restricted>}  />
 					<Route path="/all-systems" element={ <AdminRestricted><AllSystems/></AdminRestricted>}  />
+					<Route path="/active-users" element={ <AdminRestricted><ActiveUsers/></AdminRestricted>}  />
 					<Route path="/" element={ <Restricted><ListSystems/></Restricted>} />
 					<Route render={() => (<div>Miss</div>)} />
 				</Routes>

admin/src/App/Navigation.js

@@ -24,6 +24,10 @@ const Navigation = (props) => {
           {process.env.REACT_APP_SITE_NAME}
         </Menu.Item>
         <Menu.Menu position="right">
+          {admin &&
+          <Link to="/active-users">
+            <Menu.Item name="active-users">Active Users</Menu.Item>
+          </Link> }
           {admin &&
           <Link to="/all-systems">
             <Menu.Item name="all-systems">All Systems</Menu.Item>

admin/src/features/api/apiSlice.js

@@ -140,6 +140,10 @@ export const apiSlice = createApi({
       // The URL for the request is '/fakeApi/posts'
       query: () => ({ url: `/admin/users`, credentials: "include" })
     }),
+    getActiveUsers: builder.query({
+      // The URL for the request is '/fakeApi/posts'
+      query: () => ({ url: `/admin/users/active`, credentials: "include" })
+    }),
     createSystem: builder.mutation({
       query: (system) => ({
         url: `/systems`,
@@ -202,4 +206,4 @@ export const apiSlice = createApi({
 })
 
 // Export the auto-generated hook for the `getPosts` query endpoint
-export const { useGetGroupsQuery, useGetSystemsQuery, useGetAllSystemsQuery, useGetTalkgroupsQuery, useGetErrorsQuery, useDeleteGroupMutation, useCreateGroupMutation, useCreateSystemMutation, useUpdateSystemMutation, useDeleteSystemMutation, useSaveGroupOrderMutation, useUpdateGroupMutation, useImportTalkgroupsMutation } = apiSlice
+export const { useGetGroupsQuery, useGetSystemsQuery, useGetAllSystemsQuery, useGetActiveUsersQuery, useGetTalkgroupsQuery, useGetErrorsQuery, useDeleteGroupMutation, useCreateGroupMutation, useCreateSystemMutation, useUpdateSystemMutation, useDeleteSystemMutation, useSaveGroupOrderMutation, useUpdateGroupMutation, useImportTalkgroupsMutation } = apiSlice