All files / src/store/features/navigation navigationState.ts

90.91% Statements 10/11
100% Branches 0/0
80% Functions 4/5
90.91% Lines 10/11

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 5028x 28x                                 28x         28x         1x     1x       1x     1x               28x   28x  
import { createSlice, PayloadAction } from "@reduxjs/toolkit";
import entitiesActions from "store/features/entities/entitiesActions";
 
export type NavigationSection =
  | "world"
  | "sprites"
  | "backgrounds"
  | "music"
  | "sounds"
  | "palettes"
  | "dialogue"
  | "settings";
 
export interface NavigationState {
  section: NavigationSection;
  id: string;
}
 
export const initialState: NavigationState = {
  section: "world",
  id: "",
};
 
const navigationSlice = createSlice({
  name: "navigation",
  initialState,
  reducers: {
    setSection: (state, action: PayloadAction<NavigationSection>) => {
      state.section = action.payload;
    },
    setNavigationId: (state, action: PayloadAction<string>) => {
      state.id = action.payload;
    },
  },
  extraReducers: (builder) =>
    builder
      // Select newly created palette in sidebar
      .addCase(entitiesActions.addPalette, (state, action) => {
        state.id = action.payload.paletteId;
      })
      // Select newly duplicated palette in sidebar
      .addCase(entitiesActions.duplicatePalette, (state, action) => {
        state.id = action.payload.newPaletteId;
      }),
});
 
export const { actions } = navigationSlice;
 
export default navigationSlice.reducer;