import { useEffect, useState } from "react"; import { toast } from "react-hot-toast"; import { useTranslate } from "@/utils/i18n"; import { Link, useLocation, useParams } from "react-router-dom"; import { UNKNOWN_ID } from "@/helpers/consts"; import { useGlobalStore, useMemoStore } from "@/store/module"; import useLoading from "@/hooks/useLoading"; import Icon from "@/components/Icon"; import Memo from "@/components/Memo"; interface State { memo: Memo; } const MemoDetail = () => { const t = useTranslate(); const params = useParams(); const location = useLocation(); const globalStore = useGlobalStore(); const memoStore = useMemoStore(); const [state, setState] = useState({ memo: { id: UNKNOWN_ID, } as Memo, }); const loadingState = useLoading(); const customizedProfile = globalStore.state.systemStatus.customizedProfile; useEffect(() => { const memoId = Number(params.memoId); if (memoId && !isNaN(memoId)) { memoStore .fetchMemoById(memoId) .then((memo) => { setState({ memo, }); loadingState.setFinish(); }) .catch((error) => { console.error(error); toast.error(error.response.data.message); }); } }, [location]); return (

{customizedProfile.name}

{!loadingState.isLoading && ( <>
{t("router.back-to-home")}
)}
); }; export default MemoDetail;