add newGroupUSer

src/components/group-info/index.vue

 <template>
   <q-card flat bordered class="my-card">
-    <q-form @submit.prevent="$emit('saveGroupInfo')">
+    <q-form @submit.prevent="$emit('saveGroupInfo', isDisable)">
       <q-card-section style="padding-top: 28px">
         <div class="row">
           <div class="col-4" style="display: flex">

src/pages/nhom-nguoi-dung/UserGroup.ts

@@ -3,8 +3,9 @@ import { useStore } from 'src/store';
 import UserGroupComponent from '../../components/user-group/index.vue';
 import GroupInfoComponent from '../../components/group-info/index.vue';
 import { AxiosResponse } from 'axios';
-import { BaseResponseBody } from 'src/boot/axios';
+import { api, BaseResponseBody } from 'src/boot/axios';
 import { EditMode } from 'src/assets/enums';
+import { API_PATHS } from 'src/assets/configurations';
 
 export type GroupInfoType = {
   createBy: null | string;
@@ -23,8 +24,26 @@ const groupName = ref('');
 const groupDescription = ref('');
 const selectedGroupId = ref(-1);
 
-const saveGroupInfo = () => {
+const saveGroupInfo = async () => {
   //...
+
+  if (isDisable.value === EditMode.add) {
+    try {
+      const response = (await api({
+        url: API_PATHS.addNewGroupUser,
+        method: 'POST',
+        data: {
+          group: {
+            groupName: groupName.value,
+            description: groupDescription.value,
+          },
+        },
+      })) as AxiosResponse<BaseResponseBody<unknown>>;
+      return response;
+    } catch (error) {}
+  } else {
+    console.log('editGroupInfo');
+  }
 };
 
 export default defineComponent({
@@ -43,6 +62,7 @@ export default defineComponent({
       groupDescription.value = '';
       selectedGroupId.value = -1;
     };
+
     onMounted(async () => {
       await $store.dispatch('authentication/getListUsers').then((response) => {
         const res = response as AxiosResponse<

src/store/authentication/actions.ts

@@ -102,15 +102,16 @@ const actions: ActionTree<AuthenticationState, StateInterface> = {
         method: 'GET',
         params: {},
       })) as AxiosResponse<BaseResponseBody<unknown>>;
-      // if (!response.data.error.code) {
-      //   const res = response as AxiosResponse<
-      //     BaseResponseBody<{ data: UserInfo[] }>
-      //   >;
-      //   const listUser = res.data.data.data;
-      //   console.log(listUser, 'listUser');
-
-      //   context.commit('setUserList', listUser);
-      // }
+      return response;
+    } catch (error) {}
+  },
+  async addNewGroupUser(payload) {
+    try {
+      const response = (await api({
+        url: API_PATHS.addNewGroupUser,
+        method: 'POST',
+        data: payload,
+      })) as AxiosResponse<BaseResponseBody<unknown>>;
       return response;
     } catch (error) {}
   },