feat: reward

src/features/balance/balanceSlice.ts

@@ -1,36 +1,71 @@
-import {BalanceTransaction} from "../../types/balance";
-import {createAsyncThunk, createSlice, PayloadAction} from "@reduxjs/toolkit";
-import {RootState} from "../../redux/store";
+import {BalanceInfo, BalanceTransaction} from "../../types/balance";
+import {createAsyncThunk, createSlice} from "@reduxjs/toolkit";
+import balanceApi from "../../api/balanceApi";
 
 const name = 'balance';
 
+interface TransactionsState {
+    items: BalanceTransaction[];
+    isLoading: boolean;
+    currentPage: number;
+    hasNext: boolean;
+}
+
 interface BalanceState {
-    transactions: BalanceTransaction[];
     balance: number;
-    page: number;
-    loading: boolean;
+    transactions: TransactionsState;
 }
 
+const transactionsInitialState: TransactionsState = {
+    currentPage: 1,
+    hasNext: true,
+    isLoading: false,
+    items: []
+}
 const initialState: BalanceState = {
-    transactions: [],
     balance: 0,
-    page: 1,
-    loading: false
+    transactions: transactionsInitialState
 }
 
+
+export const fetchTransactions = createAsyncThunk(
+    `${name}/fetchTransactions`,
+    async (page: number, _): Promise<BalanceTransaction[]> => {
+        const response = await balanceApi.getTransactions(page);
+        return response.balanceTransactions;
+    }
+)
+
+export const fetchBalance = createAsyncThunk(
+    `${name}/fetchBalance`,
+    async (_): Promise<BalanceInfo> => {
+        return await balanceApi.getBalanceInfo();
+    }
+)
 export const balanceSlice = createSlice({
     name: name,
     initialState,
     reducers: {
-        appendTransactions: (state, payload: PayloadAction<BalanceTransaction[]>) => {
-            state.transactions.push(...payload.payload);
-            state.page = state.page + 1;
-            state.loading = false
-        },
-        setIsLoading: (state, action: PayloadAction<boolean>) => {
-            state.loading = action.payload;
+        refreshTransactions: (state) => {
+            state.transactions = transactionsInitialState;
         }
     },
+    extraReducers: (builder) => {
+        builder.addCase(fetchTransactions.pending, (state, action) => {
+            state.transactions.isLoading = true;
+        })
+        builder.addCase(fetchTransactions.fulfilled, (state, action) => {
+            state.transactions.isLoading = false;
+            state.transactions.hasNext = action.payload.length > 0;
+            state.transactions.items = [...state.transactions.items, ...action.payload];
+            state.transactions.currentPage = state.transactions.currentPage + 1;
+        })
+        builder.addCase(fetchBalance.fulfilled, (state, action) => {
+            state.balance = action.payload.balance;
+        })
+    }
 })
-export const {appendTransactions, setIsLoading} = balanceSlice.actions;
+
+export const {refreshTransactions} = balanceSlice.actions;
+
 export default balanceSlice.reducer;