Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 | 540x 540x 540x 540x 540x 540x 540x 540x 540x 540x | import { RootState } from "@redux/types/store";
import { PayloadAction, createSlice } from "@reduxjs/toolkit";
import { convertDateFromAmericanToApiFormat } from "@utils/helpers";
import { fromUnixTime } from "date-fns";
import moment from "moment";
import { AnalyticsState, TFilter } from "./types";
const addOneDay = (date: Date) => moment(date).add(1, "days").toDate();
const DEFAULT_START_DATE = fromUnixTime(1577880770); // 2020-01-01
const DEFAULT_END_DATE = addOneDay(new Date());
const initialDateFilter = {
type: undefined,
amount: 0,
startDate: DEFAULT_START_DATE,
endDate: DEFAULT_END_DATE,
};
const initialState: AnalyticsState = {
queries: {},
};
const formatDateForQuery = (date: Date) => {
return moment(date).format("MM-DD-YYYY");
};
const analyticsSlice = createSlice({
name: "analytics",
initialState,
reducers: {
applyDateFilter: (
state: AnalyticsState,
action: PayloadAction<{ queryKey: string; filter: TFilter }>,
) => {
const { queryKey, filter } = action.payload;
const { type, amount, startDate, endDate, useTimezone } = filter;
if (!type) {
state.queries[queryKey] = {
dateFilter: initialDateFilter,
queryFilter: {
dateFilter: "",
},
};
return;
}
let filterQuery = "";
let formattedStartDate = startDate;
let formattedEndDate = endDate;
if (useTimezone && startDate && endDate) {
filterQuery = `start_date=${convertDateFromAmericanToApiFormat(
formatDateForQuery(startDate),
)}&end_date=${convertDateFromAmericanToApiFormat(
formatDateForQuery(endDate),
)}`;
} else {
const currentDate = new Date();
formattedStartDate =
type === "custom"
? startDate
? startDate
: DEFAULT_START_DATE
: moment(currentDate).subtract(amount, "days").toDate();
formattedEndDate = type === "custom" && endDate ? endDate : currentDate;
filterQuery = `start_date=${convertDateFromAmericanToApiFormat(
formatDateForQuery(formattedStartDate),
)}&end_date=${convertDateFromAmericanToApiFormat(
formatDateForQuery(addOneDay(formattedEndDate)),
)}`;
}
state.queries[queryKey] = {
dateFilter: {
type,
amount,
startDate: formattedStartDate,
endDate: formattedEndDate,
useTimezone,
},
queryFilter: {
dateFilter: filterQuery,
},
};
},
},
});
export const { applyDateFilter } = analyticsSlice.actions;
export const selectDateFilter = (state: RootState, queryKey: string) =>
state.analytics.queries[queryKey]?.dateFilter || undefined;
export const selectFilterQuery = (state: RootState, queryKey: string) =>
state.analytics.queries[queryKey]?.queryFilter || "";
export default analyticsSlice.reducer;
|