Checkmate/client/src/Features/UI/uiSlice.js

import { createSlice } from "@reduxjs/toolkit";

const initialMode = window?.matchMedia?.("(prefers-color-scheme: dark)")?.matches
	? "dark"
	: "light";

const initialState = {
	monitors: {
		rowsPerPage: 10,
	},
	team: {
		rowsPerPage: 5,
	},
	maintenance: {
		rowsPerPage: 5,
	},
	infrastructure: {
		rowsPerPage: 5,
	},
	logs: {
		rowsPerPage: 15,
	},
	sidebar: {
		collapsed: false,
	},
	mode: initialMode,
	showURL: false,
	greeting: { index: 0, lastUpdate: null },
	timezone: "America/Toronto",
	distributedUptimeEnabled: false,
	language: "en",
	starPromptOpen: true,
	chartType: "histogram",
};

const uiSlice = createSlice({
	name: "ui",
	initialState,
	reducers: {
		setDistributedUptimeEnabled: (state, action) => {
			state.distributedUptimeEnabled = action.payload;
		},
		setRowsPerPage: (state, action) => {
			const { table, value } = action.payload;
			if (!state[table]) {
				state[table] = {};
			}
			state[table].rowsPerPage = value;
		},
		toggleSidebar: (state) => {
			state.sidebar.collapsed = !state.sidebar.collapsed;
		},
		setCollapsed: (state, action) => {
			const { collapsed } = action.payload;
			state.sidebar.collapsed = collapsed;
		},
		setMode: (state, action) => {
			state.mode = action.payload;
		},
		setShowURL: (state, action) => {
			state.showURL = action.payload;
		},
		setGreeting(state, action) {
			if (!state.greeting) {
				state.greeting = { index: 0, lastUpdate: null };
			}
			state.greeting.index = action.payload.index;
			state.greeting.lastUpdate = action.payload.lastUpdate;
		},
		setTimezone(state, action) {
			state.timezone = action.payload.timezone;
		},
		setLanguage: (state, action) => {
			state.language = action.payload;
		},
		setStarPromptOpen: (state, action) => {
			state.starPromptOpen = action.payload;
		},
		setChartType: (state, action) => {
			state.chartType = action.payload;
		},
	},
});

export default uiSlice.reducer;
export const {
	setRowsPerPage,
	toggleSidebar,
	setCollapsed,
	setMode,
	setShowURL,
	setGreeting,
	setTimezone,
	setDistributedUptimeEnabled,
	setLanguage,
	setStarPromptOpen,
	setChartType,
} = uiSlice.actions;