AppFlowy-IO/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-09-11 11:15:53 +03:00
Code Issues Projects Releases Wiki Activity

fix: react action bugs (#5851)

Browse Source
This commit is contained in:
Kilu.He 2024-08-01 13:07:12 +08:00 committed by GitHub
parent 2402b4c6f1
commit 87e950733f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/appflowy_web_app/src/components/global-comment/actions/ReactAction.tsx
View File

@ -3,15 +3,18 @@ import { EmojiPicker } from '@/components/_shared/emoji-picker';
import { EMOJI_SIZE, PER_ROW_EMOJI_COUNT } from '@/components/_shared/emoji-picker/const';
import { Popover } from '@/components/_shared/popover';
import ComponentLoading from '@/components/_shared/progress/ComponentLoading';
import { AFConfigContext } from '@/components/app/AppConfig';
import { useGlobalCommentContext } from '@/components/global-comment/GlobalComment.hooks';
import { ReactComponent as AddReactionRounded } from '@/assets/add_reaction.svg';
import { IconButton, Tooltip } from '@mui/material';
import React, { memo, Suspense, useCallback } from 'react';
import React, { memo, Suspense, useCallback, useContext } from 'react';
import { useTranslation } from 'react-i18next';
function ReactAction({ comment }: { comment: GlobalComment }) {
const { toggleReaction } = useGlobalCommentContext();
const { t } = useTranslation();
const isAuthenticated = useContext(AFConfigContext)?.isAuthenticated || false;
const openLoginModal = useContext(AFConfigContext)?.openLoginModal;
const ref = React.useRef<HTMLButtonElement>(null);
const [open, setOpen] = React.useState(false);
const handleClose = useCallback(() => {
@ -19,6 +22,13 @@ function ReactAction({ comment }: { comment: GlobalComment }) {
}, []);
const handleOpen = () => {
if (!isAuthenticated && openLoginModal) {
const url = window.location.href + '#comment-' + comment.commentId;
openLoginModal(url);
return;
}
setOpen(true);
};