feat: initial project scaffold with Watch companion app

2026-08-04 17:28:06 +02:00
parent adbb4f01c5
commit 43b6467efb
65 changed files with 6361 additions and 166 deletions
@@ -0,0 +1,98 @@
+import { useEffect, useState } from "react";
+import { View, Text, Pressable, FlatList } from "react-native";
+import { useNavigation } from "@react-navigation/native";
+import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
+import type { HistoryStackParamList } from "@navigation/types";
+import { getAllWorkouts } from "@db/operations";
+import { formatTime } from "@utils/formatTime";
+import { formatDistance } from "@utils/formatDistance";
+
+type WorkoutRow = {
+  id: string;
+  name: string | null;
+  totalDistance: number | null;
+  totalDuration: number | null;
+  calories: number | null;
+  startedAt: string;
+  finishedAt: string | null;
+};
+
+export function HistoryScreen() {
+  const navigation = useNavigation<NativeStackNavigationProp<HistoryStackParamList>>();
+  const [workouts, setWorkouts] = useState<WorkoutRow[]>([]);
+
+  useEffect(() => {
+    loadWorkouts();
+  }, []);
+
+  const loadWorkouts = async () => {
+    const data = await getAllWorkouts();
+    setWorkouts((data as WorkoutRow[]).filter((w) => w.finishedAt));
+  };
+
+  const grouped = workouts.reduce<Record<string, WorkoutRow[]>>((acc, w) => {
+    const date = new Date(w.startedAt).toLocaleDateString();
+    if (!acc[date]) acc[date] = [];
+    acc[date].push(w);
+    return acc;
+  }, {});
+
+  const sections = Object.entries(grouped);
+
+  return (
+    <View className="flex-1 bg-white">
+      <View className="p-4 pb-2">
+        <Pressable
+          onPress={() => navigation.navigate("Stats")}
+          className="bg-slate-100 rounded-2xl p-3 items-center mb-4"
+        >
+          <Text className="text-sky-600 font-semibold">View Statistics</Text>
+        </Pressable>
+      </View>
+
+      <FlatList
+        data={sections}
+        keyExtractor={([date]) => date}
+        contentContainerClassName="px-4 pb-8"
+        ListEmptyComponent={
+          <View className="py-12 items-center">
+            <Text className="text-slate-400 text-lg">No completed workouts yet</Text>
+          </View>
+        }
+        renderItem={({ item: [date, rows] }) => (
+          <View className="mb-4">
+            <Text className="text-xs font-semibold text-slate-500 uppercase tracking-wide mb-2 px-1">
+              {date}
+            </Text>
+            {rows.map((w) => (
+              <Pressable
+                key={w.id}
+                onPress={() => navigation.navigate("SessionDetail", { sessionId: w.id })}
+                className="bg-slate-50 rounded-2xl p-4 mb-2 border border-slate-200"
+              >
+                <View className="flex-row justify-between items-center">
+                  <View>
+                    <Text className="font-semibold text-slate-900">
+                      {w.name || "Swim Session"}
+                    </Text>
+                    <Text className="text-slate-500 text-sm">
+                      {formatDistance(w.totalDistance ?? 0)}
+                      {w.totalDuration ? ` · ${formatTime(w.totalDuration)}` : ""}
+                      {w.calories ? ` · ${Math.round(w.calories)} kcal` : ""}
+                    </Text>
+                  </View>
+                  <Text className="text-slate-400 text-xs">
+                    {new Date(w.startedAt).toLocaleTimeString([], {
+                      hour: "2-digit",
+                      minute: "2-digit",
+                    })}
+                  </Text>
+                </View>
+              </Pressable>
+            ))}
+          </View>
+        )}
+      />
+    </View>
+  );
+}