fix(core): hide readwise setting if not connected (#11107)

packages/frontend/core/src/desktop/dialogs/setting/workspace-setting/integration/card.tsx

@@ -47,8 +47,10 @@ export const IntegrationCardHeader = ({
   className,
   icon,
   onSettingClick,
+  showSetting = true,
   ...props
 }: HTMLAttributes<HTMLHeadElement> & {
+  showSetting?: boolean;
   onSettingClick?: () => void;
   icon?: ReactNode;
 }) => {
@@ -56,7 +58,7 @@ export const IntegrationCardHeader = ({
     <header className={clsx(cardHeader, className)} {...props}>
       <IntegrationCardIcon>{icon}</IntegrationCardIcon>
       <div className={spaceX} />
-      <IntegrationSettingIcon onClick={onSettingClick} />
+      {showSetting ? <IntegrationSettingIcon onClick={onSettingClick} /> : null}
     </header>
   );
 };

packages/frontend/core/src/desktop/dialogs/setting/workspace-setting/integration/readwise/index.tsx

@@ -47,6 +47,7 @@ export const ReadwiseIntegration = () => {
       <IntegrationCardHeader
         icon={<IntegrationTypeIcon type="readwise" />}
         onSettingClick={handleOpenSetting}
+        showSetting={!!token}
       />
       <IntegrationCardContent
         title={t['com.affine.integration.readwise.name']()}