forked from berserker/microblog
Convert `dropdown_menu` state to Typescript (#25585)
parent
b93ffb74bb
commit
4b7bc1f07c
9 changed files with 69 additions and 41 deletions
@ -1,10 +0,0 @@ |
||||
export const DROPDOWN_MENU_OPEN = 'DROPDOWN_MENU_OPEN'; |
||||
export const DROPDOWN_MENU_CLOSE = 'DROPDOWN_MENU_CLOSE'; |
||||
|
||||
export function openDropdownMenu(id, keyboard, scroll_key) { |
||||
return { type: DROPDOWN_MENU_OPEN, id, keyboard, scroll_key }; |
||||
} |
||||
|
||||
export function closeDropdownMenu(id) { |
||||
return { type: DROPDOWN_MENU_CLOSE, id }; |
||||
} |
@ -0,0 +1,11 @@ |
||||
import { createAction } from '@reduxjs/toolkit'; |
||||
|
||||
export const openDropdownMenu = createAction<{ |
||||
id: string; |
||||
keyboard: boolean; |
||||
scrollKey: string; |
||||
}>('dropdownMenu/open'); |
||||
|
||||
export const closeDropdownMenu = createAction<{ id: string }>( |
||||
'dropdownMenu/close', |
||||
); |
@ -1,19 +0,0 @@ |
||||
import Immutable from 'immutable'; |
||||
|
||||
import { |
||||
DROPDOWN_MENU_OPEN, |
||||
DROPDOWN_MENU_CLOSE, |
||||
} from '../actions/dropdown_menu'; |
||||
|
||||
const initialState = Immutable.Map({ openId: null, keyboard: false, scroll_key: null }); |
||||
|
||||
export default function dropdownMenu(state = initialState, action) { |
||||
switch (action.type) { |
||||
case DROPDOWN_MENU_OPEN: |
||||
return state.merge({ openId: action.id, keyboard: action.keyboard, scroll_key: action.scroll_key }); |
||||
case DROPDOWN_MENU_CLOSE: |
||||
return state.get('openId') === action.id ? state.set('openId', null).set('scroll_key', null) : state; |
||||
default: |
||||
return state; |
||||
} |
||||
} |
@ -0,0 +1,33 @@ |
||||
import { createReducer } from '@reduxjs/toolkit'; |
||||
|
||||
import { closeDropdownMenu, openDropdownMenu } from '../actions/dropdown_menu'; |
||||
|
||||
interface DropdownMenuState { |
||||
openId: string | null; |
||||
keyboard: boolean; |
||||
scrollKey: string | null; |
||||
} |
||||
|
||||
const initialState: DropdownMenuState = { |
||||
openId: null, |
||||
keyboard: false, |
||||
scrollKey: null, |
||||
}; |
||||
|
||||
export const dropdownMenuReducer = createReducer(initialState, (builder) => { |
||||
builder |
||||
.addCase( |
||||
openDropdownMenu, |
||||
(state, { payload: { id, keyboard, scrollKey } }) => { |
||||
state.openId = id; |
||||
state.keyboard = keyboard; |
||||
state.scrollKey = scrollKey; |
||||
}, |
||||
) |
||||
.addCase(closeDropdownMenu, (state, { payload: { id } }) => { |
||||
if (state.openId === id) { |
||||
state.openId = null; |
||||
state.scrollKey = null; |
||||
} |
||||
}); |
||||
}); |
Loading…
Reference in new issue