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 101 102 103 104 105 106 107 108 109 110 | 546x 225x 225x 46x 46x 19x 546x 546x | import { createSlice, PayloadAction } from "@reduxjs/toolkit";
import { initialMasqueradeState, initialState } from "./initialState";
import {
AppState,
Selected,
TableData,
TableOrder,
TMasqueradeModeType,
} from "./types";
const appSlice = createSlice({
name: "app",
initialState,
reducers: {
setDrawerOpen: (
state: AppState,
action: PayloadAction<boolean | undefined>,
) => {
state.drawerOpen = action.payload ?? !state.drawerOpen;
},
setSelected: (state: AppState, action: PayloadAction<Selected>) => {
state.tableSelected[action.payload.name] = action.payload.values;
},
hideDrawer: (state: AppState, action: PayloadAction<boolean>) => {
state.drawerHidden = action.payload;
},
setMobileDrawerOpen: (
state: AppState,
action: PayloadAction<boolean | undefined>,
) => {
state.mobileDrawerOpen = action.payload ?? !state.mobileDrawerOpen;
},
switchTicker: (state: AppState, action: PayloadAction<boolean>) => {
state.tickerOn = action.payload;
},
setMasqueradeMode: (
state: AppState,
action: PayloadAction<TMasqueradeModeType>,
) => {
const masqueradeModeData = { ...action.payload };
if (masqueradeModeData?.saveInReduxOnly) {
delete masqueradeModeData.saveInReduxOnly;
} else {
localStorage.setItem("masquerade-mode", JSON.stringify(action.payload));
}
state.masqueradeMode = masqueradeModeData;
},
setMasqueradedName: (state: AppState, action: PayloadAction<string>) => {
state.masqueradeMode = { ...state.masqueradeMode, name: action.payload };
localStorage.setItem(
"masquerade-mode",
JSON.stringify(state.masqueradeMode),
);
},
resetMasqueradeState: (state: AppState) => {
state.masqueradeMode = initialMasqueradeState;
},
updateMasqueradeImage: (
state: AppState,
action: PayloadAction<{ img: string }>,
) => {
state.masqueradeMode.imgSrc = action.payload.img;
localStorage.setItem(
"masquerade-mode",
JSON.stringify({
...state.masqueradeMode,
imgSrc: action.payload.img,
}),
);
},
setTableSortingOrder: (
state: AppState,
action: PayloadAction<TableOrder>,
) => {
state.tableSortingOrder = action.payload;
},
disableTableSortingOrder: (state: AppState) => {
state.tableSortingOrder = "asc";
},
setTableSortingOrderProperty: (
state: AppState,
action: PayloadAction<keyof TableData>,
) => {
state.tableSortingOrderProperty = action.payload;
},
disableTableSortingOrderProperty: (state: AppState) => {
state.tableSortingOrderProperty = "id";
},
updatePermissions: (state: AppState, action: PayloadAction<any>) => {
Eif (action.payload.reset) {
return { ...state, permissions: initialState.permissions };
}
state.permissions === Object.assign(state.permissions, action.payload);
},
setOnboardingScreen: (state: AppState, action: PayloadAction<any>) => {
state.ui.onboarding = action.payload.screen;
},
toggleVirtualList: (state: AppState, action: PayloadAction<any>) => {
state.enabledVL = action.payload;
},
toggleTableFilter: (state: AppState, action: PayloadAction<any>) => {
state.hideTableFilter = action.payload;
},
},
});
export const reducer = appSlice.reducer;
export const actions = appSlice.actions;
|