100 lines
2.5 KiB
TypeScript
100 lines
2.5 KiB
TypeScript
import { Action } from 'redux'
|
|
import { createReducer } from './lib'
|
|
|
|
export enum TopicOrder {
|
|
none = 'none',
|
|
messages = '#messages',
|
|
abc = 'abc',
|
|
topics = '#topics',
|
|
}
|
|
|
|
export interface SettingsState {
|
|
autoExpandLimit: number
|
|
visible: boolean
|
|
topicOrder: TopicOrder
|
|
topicFilter?: string
|
|
highlightTopicUpdates: boolean
|
|
}
|
|
export type Action = SetAutoExpandLimit | ToggleVisibility | SetTopicOrder | FilterTopics | TogglehighlightTopicUpdates
|
|
|
|
export enum ActionTypes {
|
|
SETTINGS_SET_AUTO_EXPAND_LIMIT = 'SETTINGS_SET_AUTO_EXPAND_LIMIT',
|
|
SETTINGS_TOGGLE_VISIBILITY = 'SETTINGS_TOGGLE_VISIBILITY',
|
|
SETTINGS_SET_TOPIC_ORDER = 'SETTINGS_SET_TOPIC_ORDER',
|
|
SETTINGS_FILTER_TOPICS = 'SETTINGS_FILTER_TOPICS',
|
|
SETTINGS_TOGGLE_HIGHLIGHT_ACTIVITY = 'SETTINGS_TOGGLE_HIGHLIGHT_ACTIVITY',
|
|
}
|
|
|
|
const initialState: SettingsState = {
|
|
autoExpandLimit: 0,
|
|
topicOrder: TopicOrder.none,
|
|
visible: false,
|
|
highlightTopicUpdates: true,
|
|
}
|
|
|
|
export const settingsReducer = createReducer(initialState, {
|
|
SETTINGS_SET_AUTO_EXPAND_LIMIT: setAutoExpandLimit,
|
|
SETTINGS_TOGGLE_VISIBILITY: toggleVisibility,
|
|
SETTINGS_SET_TOPIC_ORDER: setTopicOrder,
|
|
SETTINGS_FILTER_TOPICS: filterTopics,
|
|
SETTINGS_TOGGLE_HIGHLIGHT_ACTIVITY: togglehighlightTopicUpdates,
|
|
})
|
|
|
|
export interface SetAutoExpandLimit {
|
|
type: ActionTypes.SETTINGS_SET_AUTO_EXPAND_LIMIT
|
|
autoExpandLimit: number
|
|
}
|
|
|
|
function setAutoExpandLimit(state: SettingsState, action: SetAutoExpandLimit) {
|
|
return {
|
|
...state,
|
|
autoExpandLimit: action.autoExpandLimit,
|
|
}
|
|
}
|
|
|
|
export interface TogglehighlightTopicUpdates {
|
|
type: ActionTypes.SETTINGS_TOGGLE_HIGHLIGHT_ACTIVITY
|
|
}
|
|
|
|
function togglehighlightTopicUpdates(state: SettingsState, _action: TogglehighlightTopicUpdates) {
|
|
return {
|
|
...state,
|
|
highlightTopicUpdates: !state.highlightTopicUpdates,
|
|
}
|
|
}
|
|
|
|
export interface ToggleVisibility {
|
|
type: ActionTypes.SETTINGS_TOGGLE_VISIBILITY
|
|
}
|
|
|
|
function toggleVisibility(state: SettingsState, action: ToggleVisibility) {
|
|
return {
|
|
...state,
|
|
visible: !state.visible,
|
|
}
|
|
}
|
|
|
|
function setTopicOrder(state: SettingsState, action: SetTopicOrder) {
|
|
return {
|
|
...state,
|
|
topicOrder: action.topicOrder,
|
|
}
|
|
}
|
|
|
|
export interface SetTopicOrder {
|
|
type: ActionTypes.SETTINGS_SET_TOPIC_ORDER
|
|
topicOrder: string
|
|
}
|
|
|
|
function filterTopics(state: SettingsState, action: FilterTopics) {
|
|
return {
|
|
...state,
|
|
topicFilter: action.topicFilter,
|
|
}
|
|
}
|
|
|
|
export interface FilterTopics {
|
|
type: ActionTypes.SETTINGS_FILTER_TOPICS
|
|
topicFilter: string
|
|
}
|