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,60 @@
+import { ScrollView, StyleSheet, View } from "react-native";
+
+import { FilterChip } from "@/components/FilterChip";
+import { spacing } from "@/constants/theme";
+
+export type InvoiceEditorSection = "setup" | "lines" | "preview";
+export type InvoiceViewSection = "details" | "preview";
+
+type InvoiceEditorSectionTabsProps =
+  | {
+      mode?: "edit";
+      value: InvoiceEditorSection;
+      onChange: (value: InvoiceEditorSection) => void;
+    }
+  | {
+      mode: "view";
+      value: InvoiceViewSection;
+      onChange: (value: InvoiceViewSection) => void;
+    };
+
+export function InvoiceEditorSectionTabs(props: InvoiceEditorSectionTabsProps) {
+  const tabs =
+    props.mode === "view"
+      ? [
+          { id: "details" as const, label: "Details" },
+          { id: "preview" as const, label: "PDF" },
+        ]
+      : [
+          { id: "setup" as const, label: "Setup" },
+          { id: "lines" as const, label: "Line items" },
+          { id: "preview" as const, label: "PDF preview" },
+        ];
+
+  return (
+    <View>
+      <ScrollView
+        horizontal
+        showsHorizontalScrollIndicator={false}
+        contentContainerStyle={styles.row}
+      >
+        {tabs.map((tab) => (
+          <FilterChip
+            key={tab.id}
+            label={tab.label}
+            active={props.value === tab.id}
+            onPress={() => props.onChange(tab.id as never)}
+          />
+        ))}
+      </ScrollView>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    gap: spacing.sm,
+    paddingVertical: spacing.xs,
+  },
+});