use new frontend

admin-frontend/src/features/subsribeConfigManager/SubscribeManager.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { SubscribeResp } from '../../utils/type';
+import { useGetSubsQuery } from './subscribeConfigSlice';
+
+export function SubscribeManager() {
+  const {
+    data: subs,
+    isLoading,
+    isFetching,
+    isSuccess,
+  } = useGetSubsQuery();
+  return (
+    <>
+    </>
+  );
+}

admin-frontend/src/features/subsribeConfigManager/subscribeConfigSlice.ts

@@ -0,0 +1,35 @@
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
+import { RootState } from '../../app/store';
+import { StatusResp, SubscribeResp, SubscribeConfig } from '../../utils/type';
+import { subsribeUrl } from '../../utils/urls';
+import { baseQueryWithAuth } from '../auth/authQuery';
+
+export const subscribeApi = createApi({
+  reducerPath: 'subscribe',
+  baseQuery: baseQueryWithAuth,
+  tagTypes: ['Subscribe'],
+  endpoints: (builder) => ({
+    getSubs: builder.query<SubscribeResp, void>({
+      query: () => '/subs',
+      providesTags: ['Subscribe'],
+    }),
+    newSub: builder.mutation<StatusResp, SubscribeConfig>({
+      query: (config) => ({
+        method: 'POST',
+        url: '/subs',
+        body: config,
+      }),
+      invalidatesTags: ['Subscribe'],
+    }),
+    updateSub: builder.mutation<StatusResp, SubscribeResp>({
+      query: (config) => ({
+        method: 'PATCH',
+        url: '/subs',
+        body: config,
+      }),
+      invalidatesTags: ['Subscribe'],
+    }),
+  }),
+});
+
+export const { useGetSubsQuery } = subscribeApi;