diff --git a/apps/web/src/components/publish-view/index.tsx b/apps/web/src/components/publish-view/index.tsx index 598ef5491..8820f0c1b 100644 --- a/apps/web/src/components/publish-view/index.tsx +++ b/apps/web/src/components/publish-view/index.tsx @@ -61,13 +61,10 @@ function PublishView(props: PublishViewProps) { const unpublishNote = useStore((store) => store.unpublish); const [monograph, setMonograph] = useState(props.monograph); const monographAnalytics = useIsFeatureAvailable("monographAnalytics"); - const analytics = usePromise(async () => { - if (!monographAnalytics?.isAllowed || !monograph) return { totalViews: 0 }; - return await db.monographs.analytics(monograph?.id); - }, [monograph?.id, monographAnalytics]); - const publishUrl = usePromise(async () => { - return await db.monographs.publishUrl(note.id); - }, [monograph?.id, monograph?.publishUrl]); + const publishInfo = usePromise(async () => { + if (!monograph) return { publishUrl: "", analytics: { totalViews: 0 } }; + return await db.monographs.publishInfo(monograph.id); + }, [monograph?.id]); useEffect(() => { const fileDownloadedEvent = EV.subscribe( @@ -99,29 +96,29 @@ function PublishView(props: PublishViewProps) { variant="text.body" as="a" target="_blank" - href={publishUrl.status === "fulfilled" ? publishUrl.value : "#"} + href={publishInfo.status === "fulfilled" ? publishInfo.value.publishUrl : "#"} sx={{ textOverflow: "ellipsis", whiteSpace: "nowrap", textDecoration: "none", overflow: "hidden", px: 1, - opacity: publishUrl.status === "fulfilled" ? 1 : 0.8 + opacity: publishInfo.status === "fulfilled" ? 1 : 0.8 }} > - {publishUrl.status === "fulfilled" - ? publishUrl.value + {publishInfo.status === "fulfilled" + ? publishInfo.value.publishUrl : monograph?.publishUrl}