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,92 @@
+import { useEffect, useState } from "react";
+import { View, Text, Pressable } from "react-native";
+import { useNavigation, useRoute } from "@react-navigation/native";
+import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
+import type { RootStackParamList } from "@navigation/types";
+import type { RouteProp } from "@react-navigation/native";
+import { getWorkoutWithSets, getWorkoutLaps } from "@db/operations";
+import { formatTime } from "@utils/formatTime";
+import { formatDistance } from "@utils/formatDistance";
+
+export function PostSwimScreen() {
+  const navigation = useNavigation<NativeStackNavigationProp<RootStackParamList>>();
+  const route = useRoute<RouteProp<RootStackParamList, "PostSwim">>();
+  const [summary, setSummary] = useState<{
+    distance: number;
+    duration: number;
+    laps: number;
+    avgSwolf: number | null;
+  } | null>(null);
+
+  useEffect(() => {
+    loadSummary();
+  }, []);
+
+  const loadSummary = async () => {
+    const workout = await getWorkoutWithSets(route.params.workoutId);
+    const laps = await getWorkoutLaps(route.params.workoutId);
+
+    if (!workout) return;
+
+    const totalDuration = workout.laps?.reduce((acc: number, l: any) => acc + l.duration, 0) ?? 0;
+    const avgSwolf =
+      laps.length > 0
+        ? Math.round(laps.reduce((acc, l) => acc + (l.swolf ?? 0), 0) / laps.length)
+        : null;
+
+    setSummary({
+      distance: workout.totalDistance ?? 0,
+      duration: totalDuration,
+      laps: laps.length,
+      avgSwolf,
+    });
+  };
+
+  return (
+    <View className="flex-1 bg-white p-4">
+      <View className="items-center mb-8">
+        <Text className="text-3xl mb-2">🏊</Text>
+        <Text className="text-2xl font-bold text-slate-900 mb-1">Swim Complete!</Text>
+        <Text className="text-slate-500">Great job getting in the water</Text>
+      </View>
+
+      {summary ? (
+        <View className="gap-3 mb-8">
+          <View className="bg-sky-50 rounded-2xl p-5 flex-row justify-between items-center">
+            <Text className="text-slate-600">Distance</Text>
+            <Text className="text-xl font-bold text-sky-600">
+              {formatDistance(summary.distance)}
+            </Text>
+          </View>
+          <View className="bg-sky-50 rounded-2xl p-5 flex-row justify-between items-center">
+            <Text className="text-slate-600">Duration</Text>
+            <Text className="text-xl font-bold text-sky-600">
+              {formatTime(summary.duration)}
+            </Text>
+          </View>
+          <View className="bg-sky-50 rounded-2xl p-5 flex-row justify-between items-center">
+            <Text className="text-slate-600">Laps</Text>
+            <Text className="text-xl font-bold text-sky-600">{summary.laps}</Text>
+          </View>
+          {summary.avgSwolf && (
+            <View className="bg-sky-50 rounded-2xl p-5 flex-row justify-between items-center">
+              <Text className="text-slate-600">Avg SWOLF</Text>
+              <Text className="text-xl font-bold text-sky-600">{summary.avgSwolf}</Text>
+            </View>
+          )}
+        </View>
+      ) : (
+        <View className="py-8 items-center">
+          <Text className="text-slate-400">Loading summary...</Text>
+        </View>
+      )}
+
+      <Pressable
+        onPress={() => navigation.popToTop()}
+        className="bg-slate-900 rounded-2xl py-4 items-center"
+      >
+        <Text className="text-white font-bold text-lg">Done</Text>
+      </Pressable>
+    </View>
+  );
+}