fix(mobile): use mobile app-fallback in app-container (#8804)

close AF-1634
toeverything · Nov 14, 2024 · b803fe1 · b803fe1
1 parent 343152e
commit b803fe1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/packages/frontend/apps/ios/App/Podfile.lock b/packages/frontend/apps/ios/App/Podfile.lock
@@ -44,4 +44,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 1b0d3fe81862c0e9ce712ddd0c5a0accd0097698
 
-COCOAPODS: 1.16.1
+COCOAPODS: 1.16.2
diff --git a/packages/frontend/core/src/desktop/components/app-container/index.tsx b/packages/frontend/core/src/desktop/components/app-container/index.tsx
@@ -1,5 +1,6 @@
 import { useAppSettingHelper } from '@affine/core/components/hooks/affine/use-app-setting-helper';
 import { RootAppSidebar } from '@affine/core/components/root-app-sidebar';
+import { AppFallback } from '@affine/core/mobile/components';
 import { AppSidebarService } from '@affine/core/modules/app-sidebar';
 import {
   AppSidebarFallback,
@@ -102,7 +103,23 @@ const BrowserLayout = ({
   );
 };
 
-const LayoutComponent = BUILD_CONFIG.isElectron ? DesktopLayout : BrowserLayout;
+const MobileLayout = ({
+  children,
+  fallback = false,
+}: PropsWithChildren<{ fallback?: boolean }>) => {
+  return (
+    <div className={styles.browserAppViewContainer}>
+      {fallback ? <AppFallback /> : null}
+      <MainContainer>{children}</MainContainer>
+    </div>
+  );
+};
+
+const LayoutComponent = BUILD_CONFIG.isElectron
+  ? DesktopLayout
+  : BUILD_CONFIG.isMobileEdition
+    ? MobileLayout
+    : BrowserLayout;
 
 const MainContainer = forwardRef<
   HTMLDivElement,