From 2fc27f41f0a66ab90c01557da2b68a55ca38b465 Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Thu, 24 Oct 2024 09:18:13 +0000
Subject: [PATCH] fix(core): dont show config properties in peek view (#8594)

view service is undefined in center peek.
---
 .../src/components/doc-properties/table.tsx   | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/packages/frontend/core/src/components/doc-properties/table.tsx b/packages/frontend/core/src/components/doc-properties/table.tsx
index ac768c748..16fe542a2 100644
--- a/packages/frontend/core/src/components/doc-properties/table.tsx
+++ b/packages/frontend/core/src/components/doc-properties/table.tsx
@@ -23,6 +23,7 @@ import {
   DocsService,
   useLiveData,
   useService,
+  useServiceOptional,
 } from '@toeverything/infra';
 import clsx from 'clsx';
 import type React from 'react';
@@ -245,7 +246,7 @@ export const DocPropertiesTableBody = forwardRef<
   const t = useI18n();
   const docsService = useService(DocsService);
   const workbenchService = useService(WorkbenchService);
-  const viewService = useService(ViewService);
+  const viewService = useServiceOptional(ViewService);
   const properties = useLiveData(docsService.propertyList.sortedProperties$);
   const [propertyCollapsed, setPropertyCollapsed] = useState(true);
 
@@ -312,20 +313,22 @@ export const DocPropertiesTableBody = forwardRef<
               {t['com.affine.page-properties.add-property']()}
             </Button>
           </Menu>
-          <Button
-            variant="plain"
-            prefix={<PropertyIcon />}
-            className={clsx(
-              styles.propertyActionButton,
-              styles.propertyConfigButton
-            )}
-            onClick={() => {
-              viewService.view.activeSidebarTab('properties');
-              workbenchService.workbench.openSidebar();
-            }}
-          >
-            {t['com.affine.page-properties.config-properties']()}
-          </Button>
+          {viewService ? (
+            <Button
+              variant="plain"
+              prefix={<PropertyIcon />}
+              className={clsx(
+                styles.propertyActionButton,
+                styles.propertyConfigButton
+              )}
+              onClick={() => {
+                viewService.view.activeSidebarTab('properties');
+                workbenchService.workbench.openSidebar();
+              }}
+            >
+              {t['com.affine.page-properties.config-properties']()}
+            </Button>
+          ) : null}
         </div>
       </PropertyCollapsibleContent>
     </PropertyCollapsibleSection>