Add initial state slice for UI display

src/app/rootReducer.ts

@@ -1,6 +1,10 @@
 import { combineReducers } from '@reduxjs/toolkit'
 
-const rootReducer = combineReducers({})
+import issuesDisplayReducer from 'features/issuesDisplay/issuesDisplaySlice'
+
+const rootReducer = combineReducers({
+  issuesDisplay: issuesDisplayReducer
+})
 
 export type RootState = ReturnType<typeof rootReducer>
 

src/features/issuesDisplay/issuesDisplaySlice.ts

@@ -0,0 +1,57 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit'
+
+interface CurrentDisplay {
+  displayType: 'issues' | 'comments'
+  issueId: number | null
+}
+
+interface CurrentDisplayPayload {
+  displayType: 'issues' | 'comments'
+  issueId?: number
+}
+
+interface CurrentRepo {
+  org: string
+  repo: string
+}
+
+type CurrentDisplayState = {
+  page: number
+} & CurrentDisplay &
+  CurrentRepo
+
+let initialState: CurrentDisplayState = {
+  org: 'rails',
+  repo: 'rails',
+  page: 1,
+  displayType: 'issues',
+  issueId: null
+}
+
+const issuesDisplaySlice = createSlice({
+  name: 'issuesDisplay',
+  initialState,
+  reducers: {
+    displayRepo(state, action: PayloadAction<CurrentRepo>) {
+      const { org, repo } = action.payload
+      state.org = org
+      state.repo = repo
+    },
+    setCurrentPage(state, action: PayloadAction<number>) {
+      state.page = action.payload
+    },
+    setCurrentDisplayType(state, action: PayloadAction<CurrentDisplayPayload>) {
+      const { displayType, issueId = null } = action.payload
+      state.displayType = displayType
+      state.issueId = issueId
+    }
+  }
+})
+
+export const {
+  displayRepo,
+  setCurrentDisplayType,
+  setCurrentPage
+} = issuesDisplaySlice.actions
+
+export default issuesDisplaySlice.reducer