changed apiSlice to have multiple endpoints

src/features/api/apiSlice.ts

+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
+import { RootState } from '../../main';
+
+export const apiSlice = createApi({
+    reducerPath: 'api',
+    baseQuery: fetchBaseQuery({
+        baseUrl: "http://77.243.80.217:8080/esutd/api",
+        prepareHeaders: (headers, { getState }) => {
+            const state = getState() as RootState;
+            const accessToken = state.auth.token;
+
+            if (accessToken) {
+                headers.set("Authorization", `Bearer ${accessToken}`);
+            }
+
+            headers.set("Content-Type", "application/json");
+            headers.set("Accept", "application/json");
+
+            return headers;
+        },
+    }),
+    tagTypes: ["organizations"],
+    endpoints: () => ({}),
+});
\ No newline at end of file

src/features/api/apiSlice.tsx → src/features/api/organizationApiSlice.ts

-import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
-import { RootState } from '../../main';
+import { apiSlice } from "./apiSlice";
 
 interface Organization {
     id: number;
@@ -14,36 +13,18 @@ interface Organization {
     host: string;
 }
 
-export const apiSlice = createApi({
-    reducerPath: 'api',
-    baseQuery: fetchBaseQuery({
-        baseUrl: "http://77.243.80.217:8080/esutd/api/organizations",
-        prepareHeaders: (headers, { getState }) => {
-            const state = getState() as RootState;
-            const accessToken = state.auth.token;
-
-            if (accessToken) {
-                headers.set("Authorization", `Bearer ${accessToken}`);
-            }
-
-            headers.set("Content-Type", "application/json");
-            headers.set("Accept", "application/json");
-
-            return headers;
-        },
-    }),
-    tagTypes: ["organizations"],
+export const organizationApiSlice = apiSlice.injectEndpoints({
     endpoints: (builder) => ({
         getOrganizations: builder.query<Organization[], void>({
-            query: () => '/list',
+            query: () => 'organizations/list',
             providesTags: ["organizations"],
         }),
         getOrganization: builder.query<Organization, string>({
-            query: (orgId) => `/info?id=${orgId}`,
+            query: (orgId) => `organizations/info?id=${orgId}`,
         }),
         addNewOrganization: builder.mutation<Organization, Partial<Organization>>({
             query: (initialOrg) => ({
-                url: '/save', // Ensure the endpoint is correct
+                url: 'organizations/save',
                 method: 'POST',
                 body: initialOrg,
             }),
@@ -51,7 +32,7 @@ export const apiSlice = createApi({
         }),
         editOrganization: builder.mutation<Organization, Partial<Organization>>({
             query: ({ id, ...rest }) => ({
-                url: `/edit?id=${id}`,
+                url: `organizations/edit?id=${id}`,
                 method: 'PUT',
                 body: rest,
             }),
@@ -59,13 +40,13 @@ export const apiSlice = createApi({
         }),
         deleteOrganization: builder.mutation<{ success: boolean; id: number }, number>({
             query: (orgId) => ({
-                url: `/delete?id=${orgId}`,
+                url: `organizations/delete?id=${orgId}`,
                 method: 'DELETE',
             }),
             invalidatesTags: ["organizations"],
         }),
-    }),
-});
+    })
+})
 
 export const {
     useGetOrganizationsQuery,
@@ -73,4 +54,4 @@ export const {
     useAddNewOrganizationMutation,
     useEditOrganizationMutation,
     useDeleteOrganizationMutation,
-} = apiSlice;
+} = organizationApiSlice;

src/pages/(crudPages)/AddPage.tsx

 import React from 'react';
 import { useNavigate } from 'react-router';
 import { Form, Input, Button, Select, message } from 'antd';
-import { useAddNewOrganizationMutation } from '../../features/api/apiSlice';
+import { useAddNewOrganizationMutation } from '../../features/api/organizationApiSlice';
 import { setTotalOrgNumber, setCurrentPage } from '../../features/pagination/mainPagination';
 import { useSelector, useDispatch } from 'react-redux';
 import './style.css';

src/pages/(crudPages)/EditPage.tsx

 import React, { useEffect } from 'react';
 import { useNavigate, useParams } from 'react-router';
 import { Form, Input, Button, Select, message } from 'antd';
-import { useGetOrganizationQuery, useEditOrganizationMutation } from '../../features/api/apiSlice';
+import { useGetOrganizationQuery, useEditOrganizationMutation } from '../../features/api/organizationApiSlice';
 import './style.css';
 interface EditValues {
     id: number; // Change this line

src/pages/HomePage/Columns.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { useNavigate } from 'react-router';
 import { Button, Space, Tag, Modal, message } from 'antd';
 import type { TableProps } from 'antd';
-import { useDeleteOrganizationMutation } from '../../features/api/apiSlice';
+import { useDeleteOrganizationMutation } from '../../features/api/organizationApiSlice';
 import { getStatusText, getStatusColor } from './utils';
 
 export interface DataType {

src/pages/HomePage/HomePage.tsx

@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { useNavigate } from 'react-router';
 import { useSelector, useDispatch } from 'react-redux';
 import { Button, Pagination, Spin, Table } from 'antd';
-import { useGetOrganizationsQuery } from '../../features/api/apiSlice';
+import { useGetOrganizationsQuery } from '../../features/api/organizationApiSlice';
 import { setCurrentPage, setTotalOrgNumber } from '../../features/pagination/mainPagination';
 import { DataType, columns } from './Columns';
 import './Homepage.css';