init

worklenz-frontend/src/features/admin-center/admin-center.slice.ts

@@ -0,0 +1,83 @@
+import { adminCenterApiService } from '@/api/admin-center/admin-center.api.service';
+import { IBillingAccountInfo, IBillingAccountStorage, IFreePlanSettings } from '@/types/admin-center/admin-center.types';
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+
+interface adminCenterState {
+  isRedeemCodeDrawerOpen: boolean;
+  isUpgradeModalOpen: boolean;
+  loadingBillingInfo: boolean;
+  billingInfo: IBillingAccountInfo | null;
+  freePlanSettings: IFreePlanSettings | null;
+  storageInfo: IBillingAccountStorage | null;
+  loadingStorageInfo: boolean;
+}
+
+const initialState: adminCenterState = {
+  isRedeemCodeDrawerOpen: false,
+  isUpgradeModalOpen: false,
+  loadingBillingInfo: false,
+  billingInfo: null,
+  freePlanSettings: null,
+  storageInfo: null,
+  loadingStorageInfo: false,
+};
+
+export const fetchBillingInfo = createAsyncThunk('adminCenter/fetchBillingInfo', async () => {
+  const res = await adminCenterApiService.getBillingAccountInfo();
+  return res.body;
+});
+
+export const fetchFreePlanSettings = createAsyncThunk('adminCenter/fetchFreePlanSettings', async () => {
+  const res = await adminCenterApiService.getFreePlanSettings();
+  return res.body;
+});
+
+export const fetchStorageInfo = createAsyncThunk('adminCenter/fetchStorageInfo', async () => {
+  const res = await adminCenterApiService.getAccountStorage();
+  return res.body;
+});
+
+const adminCenterSlice = createSlice({
+  name: 'adminCenterReducer',
+  initialState,
+  reducers: {
+    toggleRedeemCodeDrawer: state => {
+      state.isRedeemCodeDrawerOpen ? (state.isRedeemCodeDrawerOpen = false) : (state.isRedeemCodeDrawerOpen = true);
+    },
+    toggleUpgradeModal: state => {
+      state.isUpgradeModalOpen ? (state.isUpgradeModalOpen = false) : (state.isUpgradeModalOpen = true);
+    },
+  },
+  extraReducers: builder => {
+    builder.addCase(fetchBillingInfo.pending, (state, action) => {
+      state.loadingBillingInfo = true;
+    });
+    builder.addCase(fetchBillingInfo.fulfilled, (state, action) => {
+      state.billingInfo = action.payload;
+      state.loadingBillingInfo = false;
+    });
+    builder.addCase(fetchBillingInfo.rejected, (state, action) => {
+      state.loadingBillingInfo = false;
+    });
+
+    builder.addCase(fetchFreePlanSettings.fulfilled, (state, action) => {
+      state.freePlanSettings = action.payload;
+    });
+
+    builder.addCase(fetchStorageInfo.fulfilled, (state, action) => {
+      state.storageInfo = action.payload;
+    });
+
+    builder.addCase(fetchStorageInfo.rejected, (state, action) => {
+      state.loadingStorageInfo = false;
+    });
+
+    builder.addCase(fetchStorageInfo.pending, (state, action) => {
+      state.loadingStorageInfo = true;
+    });
+  },
+});
+
+
+export const { toggleRedeemCodeDrawer, toggleUpgradeModal } = adminCenterSlice.actions;
+export default adminCenterSlice.reducer;

worklenz-frontend/src/features/admin-center/billing/billing.slice.ts

@@ -0,0 +1,27 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+interface billingState {
+  isDrawerOpen: boolean;
+  isModalOpen: boolean;
+}
+
+const initialState: billingState = {
+  isDrawerOpen: false,
+  isModalOpen: false,
+};
+
+const billingSlice = createSlice({
+  name: 'billingReducer',
+  initialState,
+  reducers: {
+    toggleDrawer: state => {
+      state.isDrawerOpen ? (state.isDrawerOpen = false) : (state.isDrawerOpen = true);
+    },
+    toggleUpgradeModal: state => {
+      state.isModalOpen ? (state.isModalOpen = false) : (state.isModalOpen = true);
+    },
+  },
+});
+
+export const { toggleDrawer, toggleUpgradeModal } = billingSlice.actions;
+export default billingSlice.reducer;