import { useEffect } from "react"; import Empty from "@/components/Empty"; import Icon from "@/components/Icon"; import MemoCommentMessage from "@/components/Inbox/MemoCommentMessage"; import MobileHeader from "@/components/MobileHeader"; import useInboxStore from "@/store/v1/inbox"; import { Inbox_Type } from "@/types/proto/api/v2/inbox_service"; import { useTranslate } from "@/utils/i18n"; const Inboxes = () => { const t = useTranslate(); const inboxStore = useInboxStore(); const inboxes = inboxStore.inboxes.sort((a, b) => { return a.status - b.status; }); useEffect(() => { inboxStore.fetchInboxes(); }, []); return (

{t("common.inbox")}

{inboxes.length === 0 && (

{t("message.no-data")}

)}
{inboxes.map((inbox) => { if (inbox.type === Inbox_Type.TYPE_MEMO_COMMENT) { return ; } return undefined; })}
); }; export default Inboxes;