63 lines
1.8 KiB
JavaScript
63 lines
1.8 KiB
JavaScript
import { createSlice } from '@reduxjs/toolkit';
|
|
|
|
/**
|
|
* This is the data that's coming through main chart `data` prop
|
|
* Recharts is very flexible in what it accepts so the type is very flexible too.
|
|
* This will typically be an object, and various components will provide various `dataKey`
|
|
* that dictates how to pull data from that object.
|
|
*
|
|
* TL;DR: before dataKey
|
|
*/
|
|
|
|
/**
|
|
* So this is the same unknown type as ChartData but this is after the dataKey has been applied.
|
|
* We still don't know what the type is - that depends on what exactly it was before the dataKey application,
|
|
* and the dataKey can return whatever anyway - but let's keep it separate as a form of documentation.
|
|
*
|
|
* TL;DR: ChartData after dataKey.
|
|
*/
|
|
|
|
export var initialChartDataState = {
|
|
chartData: undefined,
|
|
computedData: undefined,
|
|
dataStartIndex: 0,
|
|
dataEndIndex: 0
|
|
};
|
|
var chartDataSlice = createSlice({
|
|
name: 'chartData',
|
|
initialState: initialChartDataState,
|
|
reducers: {
|
|
setChartData(state, action) {
|
|
state.chartData = action.payload;
|
|
if (action.payload == null) {
|
|
state.dataStartIndex = 0;
|
|
state.dataEndIndex = 0;
|
|
return;
|
|
}
|
|
if (action.payload.length > 0 && state.dataEndIndex !== action.payload.length - 1) {
|
|
state.dataEndIndex = action.payload.length - 1;
|
|
}
|
|
},
|
|
setComputedData(state, action) {
|
|
state.computedData = action.payload;
|
|
},
|
|
setDataStartEndIndexes(state, action) {
|
|
var {
|
|
startIndex,
|
|
endIndex
|
|
} = action.payload;
|
|
if (startIndex != null) {
|
|
state.dataStartIndex = startIndex;
|
|
}
|
|
if (endIndex != null) {
|
|
state.dataEndIndex = endIndex;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
export var {
|
|
setChartData,
|
|
setDataStartEndIndexes,
|
|
setComputedData
|
|
} = chartDataSlice.actions;
|
|
export var chartDataReducer = chartDataSlice.reducer; |