126 lines
4.0 KiB
TypeScript
126 lines
4.0 KiB
TypeScript
import * as api from '@app/common/api';
|
|
import { Tree, Comment, CommentMode, Node, Sorting } from '@app/common/types';
|
|
|
|
import { StoreAction, StoreState } from '../index';
|
|
import { setPostInfo } from '../post_info/actions';
|
|
import { filterTree } from './utils';
|
|
import {
|
|
COMMENTS_SET,
|
|
COMMENT_MODE_SET,
|
|
COMMENTS_APPEND,
|
|
COMMENTS_EDIT,
|
|
COMMENT_MODE_SET_ACTION,
|
|
COMMENTS_SET_SORT,
|
|
COMMENTS_REQUEST_FETCHING,
|
|
COMMENTS_REQUEST_SUCCESS,
|
|
} from './types';
|
|
import { setItem } from '@app/common/local-storage';
|
|
import { LS_SORT_KEY } from '@app/common/constants';
|
|
|
|
/** sets comments, and put pinned comments in cache */
|
|
export const setComments = (comments: Node[]): StoreAction<void> => dispatch => {
|
|
dispatch({
|
|
type: COMMENTS_SET,
|
|
comments,
|
|
});
|
|
};
|
|
|
|
/** appends comment to tree */
|
|
export const addComment = (
|
|
text: string,
|
|
title: string,
|
|
pid?: Comment['id']
|
|
): StoreAction<Promise<void>> => async dispatch => {
|
|
const comment = await api.addComment({ text, title, pid });
|
|
dispatch({ type: COMMENTS_APPEND, pid: pid || null, comment });
|
|
};
|
|
|
|
/** edits comment in tree */
|
|
export const updateComment = (id: Comment['id'], text: string): StoreAction<Promise<void>> => async dispatch => {
|
|
const comment = await api.updateComment({ id, text });
|
|
dispatch({ type: COMMENTS_EDIT, comment });
|
|
};
|
|
|
|
/** edits comment in tree */
|
|
export const putVote = (id: Comment['id'], value: number): StoreAction<Promise<void>> => async dispatch => {
|
|
await api.putCommentVote({ id, value });
|
|
const comment = await api.getComment(id);
|
|
dispatch({ type: COMMENTS_EDIT, comment });
|
|
};
|
|
|
|
/** edits comment in tree */
|
|
export const setPinState = (id: Comment['id'], value: boolean): StoreAction<Promise<void>> => async (
|
|
dispatch,
|
|
getState
|
|
) => {
|
|
if (value) {
|
|
await api.pinComment(id);
|
|
} else {
|
|
await api.unpinComment(id);
|
|
}
|
|
let comment = getState().comments.allComments[id];
|
|
comment = { ...comment, pin: value, edit: { summary: '', time: new Date().toISOString() } };
|
|
dispatch({ type: COMMENTS_EDIT, comment });
|
|
};
|
|
|
|
/** edits comment in tree */
|
|
export const removeComment = (id: Comment['id']): StoreAction<Promise<void>> => async (dispatch, getState) => {
|
|
const user = getState().user;
|
|
if (!user) return;
|
|
if (user.admin) {
|
|
await api.removeComment(id);
|
|
} else {
|
|
await api.removeMyComment(id);
|
|
}
|
|
let comment = getState().comments.allComments[id];
|
|
comment = { ...comment, delete: true, edit: { summary: '', time: new Date().toISOString() } };
|
|
dispatch({ type: COMMENTS_EDIT, comment });
|
|
};
|
|
|
|
/** fetches comments from server */
|
|
export const fetchComments = (sort?: Sorting): StoreAction<Promise<Tree>> => async (dispatch, getState) => {
|
|
const { hiddenUsers, comments } = getState();
|
|
const hiddenUsersIds = Object.keys(hiddenUsers);
|
|
dispatch({ type: COMMENTS_REQUEST_FETCHING });
|
|
const data = await api.getPostComments(sort || comments.sort);
|
|
dispatch({ type: COMMENTS_REQUEST_SUCCESS });
|
|
if (hiddenUsersIds.length > 0) {
|
|
data.comments = filterTree(data.comments, node => hiddenUsersIds.indexOf(node.comment.user.id) === -1);
|
|
}
|
|
|
|
dispatch(setComments(data.comments));
|
|
dispatch(setPostInfo(data.info));
|
|
|
|
return data;
|
|
};
|
|
|
|
/** sets mode for comment, either reply or edit */
|
|
export const setCommentMode = (mode: StoreState['comments']['activeComment']): StoreAction<void> => dispatch => {
|
|
if (mode !== null && mode.state === CommentMode.None) {
|
|
mode = null;
|
|
}
|
|
dispatch(unsetCommentMode(mode));
|
|
};
|
|
|
|
/** unsets comment mode */
|
|
export function unsetCommentMode(mode: StoreState['comments']['activeComment'] = null) {
|
|
return {
|
|
type: COMMENT_MODE_SET,
|
|
mode,
|
|
} as COMMENT_MODE_SET_ACTION;
|
|
}
|
|
|
|
export function updateSorting(sort: Sorting): StoreAction<void> {
|
|
return async (dispath, getState) => {
|
|
const { sort: prevSort } = getState().comments;
|
|
dispath({ type: COMMENTS_SET_SORT, payload: sort });
|
|
|
|
try {
|
|
await dispath(fetchComments(sort));
|
|
setItem(LS_SORT_KEY, sort);
|
|
} catch (e) {
|
|
dispath({ type: COMMENTS_SET_SORT, payload: prevSort });
|
|
}
|
|
};
|
|
}
|