Add beenvoice mobile companion app with full dark mode support.

Expo app with dashboard, time clock, invoices, and settings — native tabs, glass UI, theme-aware components, and iOS Live Activities. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-17 22:36:37 -04:00
parent 8a7a8df477
commit 14c880123c
93 changed files with 8849 additions and 7849 deletions
@@ -0,0 +1,46 @@
+import { StyleSheet, Text } from "react-native";
+
+import { Card } from "@/components/ui/Card";
+import { useAppTheme } from "@/contexts/ThemeContext";
+import { fonts, spacing } from "@/constants/theme";
+
+type StatCardProps = {
+  label: string;
+  value: string;
+  hint?: string;
+};
+
+/** Web `StatsCard` — glass card, border-0, shadow-md, p-6 */
+export function StatCard({ label, value, hint }: StatCardProps) {
+  const { colors } = useAppTheme();
+
+  return (
+    <Card variant="stat" style={styles.card}>
+      <Text style={[styles.label, { color: colors.mutedForeground }]}>{label}</Text>
+      <Text style={[styles.value, { color: colors.foreground }]}>{value}</Text>
+      {hint ? (
+        <Text style={[styles.hint, { color: colors.mutedForeground }]}>{hint}</Text>
+      ) : null}
+    </Card>
+  );
+}
+
+const styles = StyleSheet.create({
+  card: {
+    flex: 1,
+    minWidth: "46%",
+  },
+  label: {
+    fontSize: 13,
+    fontFamily: fonts.bodyMedium,
+  },
+  value: {
+    fontSize: 22,
+    fontFamily: fonts.heading,
+  },
+  hint: {
+    fontSize: 12,
+    fontFamily: fonts.body,
+    marginTop: 2,
+  },
+});