From 7082f7ea7a2c68d22b85884d90babf32a6649da9 Mon Sep 17 00:00:00 2001
From: CatsJuice <wp1298554944@hotmail.com>
Date: Mon, 15 Jul 2024 06:21:22 +0000
Subject: [PATCH] fix(core): share-button's label of shared page should be
 'shared' (#7486)

close #7427
---
 .../share-menu/share-menu.tsx                 | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-menu.tsx b/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-menu.tsx
index feee8cdf5..9d2ef3daa 100644
--- a/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-menu.tsx
+++ b/packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-menu.tsx
@@ -1,12 +1,17 @@
 import { Button } from '@affine/component/ui/button';
 import { Divider } from '@affine/component/ui/divider';
 import { Menu } from '@affine/component/ui/menu';
+import { ShareService } from '@affine/core/modules/share-doc';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useI18n } from '@affine/i18n';
 import { WebIcon } from '@blocksuite/icons/rc';
 import type { Doc } from '@blocksuite/store';
-import type { WorkspaceMetadata } from '@toeverything/infra';
-import { forwardRef, type PropsWithChildren, type Ref } from 'react';
+import {
+  useLiveData,
+  useService,
+  type WorkspaceMetadata,
+} from '@toeverything/infra';
+import { forwardRef, type PropsWithChildren, type Ref, useEffect } from 'react';
 
 import * as styles from './index.css';
 import { ShareExport } from './share-export';
@@ -42,10 +47,18 @@ const DefaultShareButton = forwardRef(function DefaultShareButton(
   ref: Ref<HTMLButtonElement>
 ) {
   const t = useI18n();
+  const shareService = useService(ShareService);
+  const shared = useLiveData(shareService.share.isShared$);
+
+  useEffect(() => {
+    shareService.share.revalidate();
+  }, [shareService]);
 
   return (
     <Button ref={ref} className={styles.shareButton} type="primary">
-      {t['com.affine.share-menu.shareButton']()}
+      {shared
+        ? t['com.affine.share-menu.sharedButton']()
+        : t['com.affine.share-menu.shareButton']()}
     </Button>
   );
 });