chore(core): add telemetry switch (#6267)

packages/frontend/core/src/components/affine/setting-modal/general-setting/about/index.tsx

@@ -9,6 +9,7 @@ import { useCallback } from 'react';
 
 import { useAppSettingHelper } from '../../../../../hooks/affine/use-app-setting-helper';
 import { appIconMap, appNames } from '../../../../../pages/open-app';
+import { mixpanel } from '../../../../../utils';
 import { relatedLinks } from './config';
 import * as styles from './style.css';
 import { UpdateCheckSection } from './update-check-section';
@@ -37,6 +38,18 @@ export const AboutAffine = () => {
     [toggleAutoDownload, updateSettings]
   );
 
+  const onSwitchTelemetry = useCallback(
+    (checked: boolean) => {
+      if (!checked) {
+        mixpanel.opt_out_tracking();
+      } else {
+        mixpanel.opt_in_tracking();
+      }
+      updateSettings('enableTelemetry', checked);
+    },
+    [updateSettings]
+  );
+
   return (
     <>
       <SettingHeader
@@ -91,6 +104,15 @@ export const AboutAffine = () => {
             </SettingRow>
           </>
         ) : null}
+        <SettingRow
+          name={t['com.affine.telemetry.enable']()}
+          desc={t['com.affine.telemetry.enable.desc']()}
+        >
+          <Switch
+            checked={appSettings.enableTelemetry}
+            onChange={onSwitchTelemetry}
+          />
+        </SettingRow>
       </SettingWrapper>
       <SettingWrapper title={t['com.affine.aboutAFFiNE.contact.title']()}>
         <a