Base api call and storage for /signers/tickers in explorer

Author: Alenar

mithril-explorer/src/app/page.js

@@ -11,6 +11,7 @@ import SnapshotsList from '../components/Artifacts/SnapshotsList';
 import MithrilStakeDistributionsList from "../components/Artifacts/MithrilStakeDistributionsList";
 import {aggregatorSearchParam} from "../constants";
 import {selectAggregator, selectedAggregator as currentlySelectedAggregator} from "../store/settingsSlice";
+import {updatePoolsForAggregator} from "../store/poolsSlice";
 
 // Disable SSR for the following components since they use data from the store that are not
 // available server sides (because those data can be read from the local storage).
@@ -26,6 +27,7 @@ export default function Explorer() {
   const [isUpdatingAggregatorInUrl, setIsUpdatingAggregatorInUrl] = useState(false);
   const selectedAggregator = useSelector(currentlySelectedAggregator);
 
+
   // Update the aggregator in the url query
   useEffect(() => {
     const aggregatorInUrl = searchParams.get(aggregatorSearchParam);
@@ -37,6 +39,8 @@ export default function Explorer() {
       setIsUpdatingAggregatorInUrl(true);
       router.push("?" + params.toString(), undefined, {shallow: true});
     }
+
+    dispatch(updatePoolsForAggregator(selectedAggregator));
   }, [selectedAggregator]);
 
   // Allow navigation to work (previous, next)

mithril-explorer/src/store/poolsSlice.js

@@ -0,0 +1,30 @@
+import {createAsyncThunk, createSlice} from "@reduxjs/toolkit";
+import {selectedAggregator} from "./settingsSlice";
+
+export const poolsSlice = createSlice({
+    name: 'pools',
+    initialState: {},
+    reducers: {},
+    extraReducers: builder => builder.addCase(updatePoolsForAggregator.fulfilled, (state, action) => {
+        state[action.payload.aggregator] = {
+            date: action.payload.date,
+            network: action.payload.network,
+            pools: action.payload.pools,
+        };
+    })
+});
+
+export const updatePoolsForAggregator = createAsyncThunk('pools/updateForAggregator', aggregator => {
+    return fetch(`${aggregator}/signers/tickers`)
+        .then(response => response.status === 200 ? response.json() : {})
+        .then(data => {
+            return {
+                aggregator: aggregator,
+                date: Date.now(),
+                network: data.network,
+                pools: data.signers,
+            };
+        });
+});
+
+export default poolsSlice.reducer;

mithril-explorer/src/store/store.js

@@ -1,4 +1,5 @@
 import {configureStore} from "@reduxjs/toolkit";
+import {poolsSlice} from "./poolsSlice";
 import {initialState as settingsInitialState, settingsSlice} from "./settingsSlice";
 import default_available_aggregators from "../aggregators-list";
 import {checkUrl} from "../utils";
@@ -65,6 +66,7 @@ export function initStoreFromLocalStorage(initialAggregator) {
 export const storeBuilder = (initialAggregator) => configureStore({
   reducer: {
     settings: settingsSlice.reducer,
+    pools: poolsSlice.reducer,
   },
   preloadedState: initStoreFromLocalStorage(initialAggregator),
 });