stage 2: skeleton with navigation

2026-04-29 11:05:21 -07:00
parent 06918f033d
commit cd1837c5f1
16 changed files with 1191 additions and 422 deletions
@@ -0,0 +1,34 @@
+import { Pressable, Text, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { useNetwork } from "@/hooks/use-networks";
+import type { RootStackScreenProps } from "@/navigation/types";
+
+export function StreamListScreen({
+  route,
+  navigation,
+}: RootStackScreenProps<"StreamList">) {
+  const network = useNetwork(route.params.networkId);
+
+  return (
+    <SafeAreaView className="flex-1 bg-background" edges={["top"]}>
+      <View className="flex-row items-center px-3 py-3 border-b border-border">
+        <Pressable onPress={() => navigation.goBack()} className="px-2 py-1">
+          <Text className="text-foreground text-2xl">‹</Text>
+        </Pressable>
+        <Text
+          className="flex-1 text-center text-foreground text-base font-semibold"
+          numberOfLines={1}
+        >
+          {network?.name ?? "Streams"}
+        </Text>
+        <View className="w-8" />
+      </View>
+
+      <View className="flex-1 items-center justify-center px-6">
+        <Text className="text-muted-foreground text-center">
+          Stream list — coming in step 3.
+        </Text>
+      </View>
+    </SafeAreaView>
+  );
+}