feat: store local data to local db (#2037)

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

@@ -6,7 +6,14 @@ export const ExportPanel = () => {
   return (
     <>
       <Wrapper marginBottom="42px"> {t('Export Description')}</Wrapper>
-      <Button type="light" shape="circle" disabled>
+      <Button
+        type="light"
+        shape="circle"
+        disabled={!environment.isDesktop}
+        onClick={() => {
+          window.apis.openSaveDBFileDialog();
+        }}
+      >
         {t('Export AFFiNE backup file')}
       </Button>
     </>

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

@@ -158,7 +158,13 @@ export const GeneralPanel: React.FC<PanelProps> = ({
       {/*  </StyledRow>*/}
       {/*)}*/}
 
-      <StyledRow>
+      <StyledRow
+        onClick={() => {
+          if (environment.isDesktop) {
+            window.apis.openDBFolder();
+          }
+        }}
+      >
         <StyledSettingKey>{t('Workspace Type')}</StyledSettingKey>
         {isOwner ? (
           workspace.flavour === WorkspaceFlavour.LOCAL ? (

apps/web/src/components/blocksuite/workspace-header/header-right-items/theme-mode-switch/index.tsx

@@ -7,7 +7,9 @@ export const ThemeModeSwitch = () => {
   const { setTheme, resolvedTheme } = useTheme();
 
   useEffect(() => {
-    window.apis?.onThemeChange(resolvedTheme === 'dark' ? 'dark' : 'light');
+    if (environment.isDesktop) {
+      window.apis?.onThemeChange(resolvedTheme === 'dark' ? 'dark' : 'light');
+    }
   }, [resolvedTheme]);
 
   const [isHover, setIsHover] = useState(false);

apps/web/src/components/pure/workspace-slider-bar/index.tsx

@@ -95,7 +95,9 @@ export const WorkSpaceSliderBar: React.FC<WorkSpaceSliderBarProps> = ({
   const show = isPublicWorkspace ? false : sidebarOpen;
   const actualWidth = floatingSlider ? 'calc(10vw + 400px)' : sliderWidth;
   useEffect(() => {
-    window.apis?.onSidebarVisibilityChange(sidebarOpen);
+    if (environment.isDesktop) {
+      window.apis?.onSidebarVisibilityChange(sidebarOpen);
+    }
   }, [sidebarOpen]);
 
   useEffect(() => {