Add 'apps/mobile/' from commit '5fa30f365f21531094cd4d2045042bb4f1370ac3'

git-subtree-dir: apps/mobile git-subtree-mainline: 86f8987dff git-subtree-split: 5fa30f365f
2026-08-16 21:42:59 -04:00
parent 86f8987dff 5fa30f365f
commit d057ba208d
222 changed files with 23436 additions and 0 deletions
@@ -0,0 +1,36 @@
+import type { ReactNode } from "react";
+import { StyleSheet, View } from "react-native";
+import { StatusBar } from "expo-status-bar";
+
+import { TopChromeBar } from "@/components/TopChromeBar";
+import { useAppTheme } from "@/contexts/ThemeContext";
+
+type TabPageProps = {
+  children: ReactNode;
+  showMoreBack?: boolean;
+};
+
+/** Tab root — pinned top chrome, scrollable body below. */
+export function TabPage({ children, showMoreBack = false }: TabPageProps) {
+  const { isDark } = useAppTheme();
+
+  return (
+    <View style={styles.root}>
+      <StatusBar style={isDark ? "light" : "dark"} />
+      <TopChromeBar showMoreBack={showMoreBack} />
+      <View style={styles.content}>{children}</View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: "transparent",
+  },
+  content: {
+    flex: 1,
+    minHeight: 0,
+    backgroundColor: "transparent",
+  },
+});