78 lines
1.6 KiB
TypeScript
78 lines
1.6 KiB
TypeScript
// Copyright 2019-2020 Signal Messenger, LLC
|
|
// SPDX-License-Identifier: AGPL-3.0-only
|
|
|
|
import { take, uniq } from 'lodash';
|
|
import type { ThunkAction } from 'redux-thunk';
|
|
import type { EmojiPickDataType } from '../../components/emoji/EmojiPicker';
|
|
import dataInterface from '../../sql/Client';
|
|
import { useBoundActions } from '../../hooks/useBoundActions';
|
|
|
|
const { updateEmojiUsage } = dataInterface;
|
|
|
|
// State
|
|
|
|
export type EmojisStateType = {
|
|
readonly recents: Array<string>;
|
|
};
|
|
|
|
// Actions
|
|
|
|
type UseEmojiAction = {
|
|
type: 'emojis/USE_EMOJI';
|
|
payload: string;
|
|
};
|
|
|
|
type EmojisActionType = UseEmojiAction;
|
|
|
|
// Action Creators
|
|
|
|
export const actions = {
|
|
onUseEmoji,
|
|
useEmoji,
|
|
};
|
|
|
|
export const useActions = (): typeof actions => useBoundActions(actions);
|
|
|
|
function onUseEmoji({
|
|
shortName,
|
|
}: EmojiPickDataType): ThunkAction<void, unknown, unknown, UseEmojiAction> {
|
|
return async dispatch => {
|
|
try {
|
|
await updateEmojiUsage(shortName);
|
|
dispatch(useEmoji(shortName));
|
|
} catch (err) {
|
|
// Errors are ignored.
|
|
}
|
|
};
|
|
}
|
|
|
|
function useEmoji(payload: string): UseEmojiAction {
|
|
return {
|
|
type: 'emojis/USE_EMOJI',
|
|
payload,
|
|
};
|
|
}
|
|
|
|
// Reducer
|
|
|
|
function getEmptyState(): EmojisStateType {
|
|
return {
|
|
recents: [],
|
|
};
|
|
}
|
|
|
|
export function reducer(
|
|
state: Readonly<EmojisStateType> = getEmptyState(),
|
|
action: Readonly<EmojisActionType>
|
|
): EmojisStateType {
|
|
if (action.type === 'emojis/USE_EMOJI') {
|
|
const { payload } = action;
|
|
|
|
return {
|
|
...state,
|
|
recents: take(uniq([payload, ...state.recents]), 32),
|
|
};
|
|
}
|
|
|
|
return state;
|
|
}
|