Implement the group detail reducer and add new API

Implements https://issues.redhat.com/browse/ESSNTL-3726.

src/components/InventoryGroups/utils/api.js

@@ -25,6 +25,10 @@ export const validateGroupName = (name) => {
     .then((resp) => resp?.results.some((group) => group.name === name));
 };
 
+export const getGroupDetail = (groupId) => {
+    return instance.get(`${INVENTORY_API_BASE}/groups/${groupId}`);
+};
+
 getGroups.propTypes = {
     search: PropTypes.shape({
     // eslint-disable-next-line camelcase
@@ -35,3 +39,7 @@ getGroups.propTypes = {
         page: PropTypes.number
     })
 };
+
+getGroupDetail.propTypes = {
+    groupId: PropTypes.string.isRequired
+};

src/store/action-types.js

@@ -35,7 +35,8 @@ export const asyncInventory = [
     'LOAD_TAGS',
     'ALL_TAGS',
     'OPERATING_SYSTEMS',
-    'GROUPS'
+    'GROUPS',
+    'GROUP_DETAIL'
 ];
 
 export const systemIssues = [

src/store/groupDetail.js

@@ -0,0 +1,45 @@
+
+import { applyReducerHash } from '@redhat-cloud-services/frontend-components-utilities/ReducerRegistry';
+import { ACTION_TYPES } from './action-types';
+
+export const initialState = {
+    loading: false,
+    rejected: false,
+    fulfilled: false,
+    uninitialized: true,
+    error: null,
+    data: null
+};
+
+export default applyReducerHash(
+    {
+        [ACTION_TYPES.GROUP_DETAIL_PENDING]: (state) => {
+            return {
+                ...state,
+                loading: true,
+                uninitialized: false
+            };
+        },
+        [ACTION_TYPES.GROUP_DETAIL_FULFILLED]: (state, { payload }) => {
+            return {
+                ...state,
+                loading: false,
+                rejected: false,
+                uninitialized: false,
+                fulfilled: true,
+                data: payload
+            };
+        },
+        [ACTION_TYPES.GROUP_DETAIL_REJECTED]: (state, { payload }) => {
+            return {
+                ...state,
+                loading: false,
+                rejected: true,
+                uninitialized: false,
+                fulfilled: false,
+                error: payload
+            };
+        }
+    },
+    initialState
+);

src/store/inventory-actions.js

@@ -21,7 +21,7 @@ import {
     filtersReducer,
     getOperatingSystems
 } from '../api';
-import { getGroups } from '../components/InventoryGroups/utils/api';
+import { getGroupDetail, getGroups } from '../components/InventoryGroups/utils/api';
 
 export const loadEntities = (items = [], { filters, ...config }, { showTags } = {}, getEntities = defaultGetEntities) => {
     const itemIds = items.reduce((acc, curr) => (
@@ -184,6 +184,11 @@ export const fetchGroups = (search, pagination) => ({
     payload: getGroups(search, pagination)
 });
 
+export const fetchGroupDetail = (groupId) => ({
+    type: ACTION_TYPES.GROUP_DETAIL,
+    payload: getGroupDetail(groupId)
+});
+
 export const fetchOperatingSystems = (params = []) => ({
     type: ACTION_TYPES.OPERATING_SYSTEMS,
     payload: getOperatingSystems(params)

src/store/reducers.js

@@ -12,6 +12,7 @@ import { notificationsReducer } from '@redhat-cloud-services/frontend-components
 import entitiesReducer, { defaultState as entitiesDefault } from './entities';
 import entityDetailsReducer, { entityDefaultState as entityDefault, updateEntity } from './entityDetails';
 import groups from './groups';
+import groupDetail from './groupDetail';
 
 export { entitiesReducer, entityDetailsReducer };
 
@@ -114,7 +115,8 @@ function onSetPagination(state, { payload }) {
 let reducers = {
     notifications: notificationsReducer,
     systemProfileStore,
-    groups
+    groups,
+    groupDetail
 };
 
 export const tableReducer = applyReducerHash(