feat: support disable legacy cloud (#2006)

apps/web/src/components/affine/workspace-setting-detail/panel/collaboration/index.tsx

@@ -1,4 +1,5 @@
 import { Button, IconButton, Menu, MenuItem, Wrapper } from '@affine/component';
+import { config } from '@affine/env';
 import { useTranslation } from '@affine/i18n';
 import { PermissionType } from '@affine/workspace/affine/api';
 import type { AffineWorkspace, LocalWorkspace } from '@affine/workspace/type';
@@ -171,16 +172,18 @@ const LocalCollaborationPanel: React.FC<
   return (
     <>
       <Wrapper marginBottom="42px">{t('Collaboration Description')}</Wrapper>
-      <Button
-        data-testid="local-workspace-enable-cloud-button"
-        type="light"
-        shape="circle"
-        onClick={() => {
-          setOpen(true);
-        }}
-      >
-        {t('Enable AFFiNE Cloud')}
-      </Button>
+      {config.enableLegacyCloud && (
+        <Button
+          data-testid="local-workspace-enable-cloud-button"
+          type="light"
+          shape="circle"
+          onClick={() => {
+            setOpen(true);
+          }}
+        >
+          {t('Enable AFFiNE Cloud')}
+        </Button>
+      )}
       <TransformWorkspaceToAffineModal
         open={open}
         onClose={() => {

apps/web/src/components/affine/workspace-setting-detail/panel/publish/index.tsx

@@ -5,6 +5,7 @@ import {
   Input,
   Wrapper,
 } from '@affine/component';
+import { config } from '@affine/env';
 import { useTranslation } from '@affine/i18n';
 import type { AffineWorkspace, LocalWorkspace } from '@affine/workspace/type';
 import { WorkspaceFlavour } from '@affine/workspace/type';
@@ -120,16 +121,18 @@ const PublishPanelLocal: React.FC<PublishPanelLocalProps> = ({
       >
         {t('Publishing')}
       </Box>
-      <Button
-        data-testid="publish-enable-affine-cloud-button"
-        type="light"
-        shape="circle"
-        onClick={() => {
-          setOpen(true);
-        }}
-      >
-        {t('Enable AFFiNE Cloud')}
-      </Button>
+      {config.enableLegacyCloud && (
+        <Button
+          data-testid="publish-enable-affine-cloud-button"
+          type="light"
+          shape="circle"
+          onClick={() => {
+            setOpen(true);
+          }}
+        >
+          {t('Enable AFFiNE Cloud')}
+        </Button>
+      )}
       <EnableAffineCloudModal
         open={open}
         onClose={() => {

apps/web/src/components/blocksuite/workspace-header/header-right-items/SyncUser.tsx

@@ -1,4 +1,5 @@
 import { displayFlex, IconButton, styled, Tooltip } from '@affine/component';
+import { config } from '@affine/env';
 import { useTranslation } from '@affine/i18n';
 import {
   getLoginStorage,
@@ -80,6 +81,10 @@ export const SyncUser = () => {
   const { t } = useTranslation();
   const transformWorkspace = useTransformWorkspace();
 
+  if (!config.enableLegacyCloud) {
+    return null;
+  }
+
   if (status === 'offline') {
     return (
       <Tooltip

apps/web/src/components/pure/footer/index.tsx

@@ -1,6 +1,7 @@
 import { FlexWrapper } from '@affine/component';
 import { IconButton } from '@affine/component';
 import { Tooltip } from '@affine/component';
+import { config } from '@affine/env';
 import { useTranslation } from '@affine/i18n';
 import type { AccessTokenMessage } from '@affine/workspace/affine/login';
 import { CloudWorkspaceIcon, SignOutIcon } from '@blocksuite/icons';
@@ -20,6 +21,10 @@ export type FooterProps = {
 export const Footer: React.FC<FooterProps> = ({ user, onLogin, onLogout }) => {
   const { t } = useTranslation();
 
+  if (!config.enableLegacyCloud) {
+    return null;
+  }
+
   return (
     <StyledFooter data-testid="workspace-list-modal-footer">
       {user && (