Live video on the AT Protocol
1import { Text, useTheme } from "@streamplace/components";
2import { Pressable, View } from "react-native";
3
4export default function AppReturnScreen({ route }) {
5 const theme = useTheme();
6 const scheme = route.params?.scheme;
7 // This should work. It does work on iOS. On Android, it causes the token to be
8 // authorized twice? I don't know why. I spent two hours trying to figure out why
9 // without luck. You're welcome to try more if you want! But it only matters for the
10 // login flow on the localhost development case so who cares I guess.
11 // useEffect(() => {
12 // document.location.href = `${scheme}:/app-return${document.location.search}`;
13 // }, []);
14 return (
15 <View
16 style={[
17 { flex: 1 },
18 { alignItems: "center" },
19 { justifyContent: "center" },
20 ]}
21 >
22 <Pressable
23 style={[
24 {
25 backgroundColor: "#0066cc", // theme.accentColor?.val || "#0066cc",
26 padding: 24,
27 borderRadius: 8,
28 },
29 ]}
30 onPress={() => {
31 document.location.href = `${scheme}:/${document.location.search}`;
32 }}
33 >
34 <Text style={{ color: "white", fontSize: 32, textAlign: "center" }}>
35 Complete login
36 </Text>
37 </Pressable>
38 </View>
39 );
40}