import { Tooltip } from "@mui/joy"; import classNames from "classnames"; import { useEffect, useState } from "react"; import toast from "react-hot-toast"; import { activityServiceClient } from "@/grpcweb"; import useNavigateTo from "@/hooks/useNavigateTo"; import useInboxStore from "@/store/v1/inbox"; import { Activity } from "@/types/proto/api/v2/activity_service"; import { Inbox, Inbox_Status } from "@/types/proto/api/v2/inbox_service"; import Icon from "../Icon"; interface Props { inbox: Inbox; } const MemoCommentMessage = ({ inbox }: Props) => { const navigateTo = useNavigateTo(); const inboxStore = useInboxStore(); const [activity, setActivity] = useState(undefined); useEffect(() => { if (!inbox.activityId) { return; } activityServiceClient .getActivity({ id: inbox.activityId, }) .then(({ activity }) => { setActivity(activity); }); }, [inbox.activityId]); const handleNavigateToMemo = () => { if (!activity?.payload?.memoComment?.relatedMemoId) { return; } navigateTo(`/m/${activity?.payload?.memoComment?.relatedMemoId}`); if (inbox.status === Inbox_Status.UNREAD) { handleArchiveMessage(true); } }; const handleArchiveMessage = async (silence = false) => { await inboxStore.updateInbox( { name: inbox.name, status: Inbox_Status.ARCHIVED, }, ["status"] ); if (!silence) { toast.success("Archived"); } }; return (
{inbox.createTime?.toLocaleString()}
{inbox.status === Inbox_Status.UNREAD && ( handleArchiveMessage()} /> )}

{inbox.sender} has a comment in your memo #{activity?.payload?.memoComment?.relatedMemoId}.

); }; export default MemoCommentMessage;