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,95 @@
+import {
+  ActivityIndicator,
+  Pressable,
+  StyleSheet,
+  Text,
+  type PressableProps,
+  type ViewStyle,
+} from "react-native";
+
+import { useAppTheme } from "@/contexts/ThemeContext";
+import { fonts, radii, spacing } from "@/constants/theme";
+
+type ButtonProps = PressableProps & {
+  title: string;
+  loading?: boolean;
+  variant?: "primary" | "secondary" | "danger" | "ghost";
+  style?: ViewStyle;
+};
+
+export function Button({
+  title,
+  loading,
+  variant = "primary",
+  disabled,
+  style,
+  ...props
+}: ButtonProps) {
+  const { colors } = useAppTheme();
+  const isDisabled = disabled || loading;
+
+  const variantStyles = {
+    primary: { backgroundColor: colors.primary },
+    secondary: {
+      backgroundColor: colors.muted,
+      borderWidth: 1,
+      borderColor: colors.border,
+    },
+    danger: {
+      backgroundColor: colors.destructiveBg,
+      borderWidth: 1,
+      borderColor: colors.destructive,
+    },
+    ghost: { backgroundColor: "transparent" },
+  } as const;
+
+  const labelStyles = {
+    primary: { color: colors.primaryForeground },
+    secondary: { color: colors.foreground },
+    danger: { color: colors.destructive },
+    ghost: { color: colors.foreground },
+  } as const;
+
+  return (
+    <Pressable
+      accessibilityRole="button"
+      disabled={isDisabled}
+      style={({ pressed }) => [
+        styles.base,
+        variantStyles[variant],
+        pressed && !isDisabled && styles.pressed,
+        isDisabled && styles.disabled,
+        style,
+      ]}
+      {...props}
+    >
+      {loading ? (
+        <ActivityIndicator
+          color={variant === "primary" ? colors.primaryForeground : colors.primary}
+        />
+      ) : (
+        <Text style={[styles.label, labelStyles[variant]]}>{title}</Text>
+      )}
+    </Pressable>
+  );
+}
+
+const styles = StyleSheet.create({
+  base: {
+    minHeight: 40,
+    borderRadius: radii.md,
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: spacing.md,
+  },
+  pressed: {
+    opacity: 0.92,
+  },
+  disabled: {
+    opacity: 0.55,
+  },
+  label: {
+    fontSize: 14,
+    fontFamily: fonts.bodyMedium,
+  },
+});