diff --git a/src/components/Navigator/About.tsx b/src/components/Navigator/About.tsx index afa6d05d..4a5da37a 100644 --- a/src/components/Navigator/About.tsx +++ b/src/components/Navigator/About.tsx @@ -25,6 +25,8 @@ const About: React.FC = () => { const [manifest, setManifest] = useState(); + const [homepage, setHomepage] = useState([]); + const [seeAlso, setSeeAlso] = useState([]); const [thumbnail, setThumbnail] = useState( [], ); @@ -33,6 +35,8 @@ const About: React.FC = () => { const data = vault.get(activeManifest); setManifest(data); + if (data.homepage?.length > 0) setHomepage(vault.get(data.homepage)); + if (data.seeAlso?.length > 0) setSeeAlso(vault.get(data.seeAlso)); if (data.thumbnail?.length > 0) setThumbnail(vault.get(data.thumbnail)); }, [activeManifest, vault]); @@ -76,7 +80,7 @@ const About: React.FC = () => { )} - {manifest.homepage?.length > 0 && ( + {homepage?.length > 0 && ( <> - View + /> )} - {manifest.seeAlso?.length > 0 && ( + {seeAlso?.length > 0 && ( <> )} - {manifest.seeAlso?.length > 0 && ( + {manifest.id && ( <>