show google cast only on mobile

flexn-io · Oct 1, 2024 · 34ef2cc · 34ef2cc
1 parent 80efe6d
commit 34ef2cc
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 32 deletions.
diff --git a/packages/app-harness/src/components/CastButton/index.mobile.tsx b/packages/app-harness/src/components/CastButton/index.mobile.tsx
@@ -0,0 +1,36 @@
+import { Button, View } from 'react-native';
+import { CastButton, CastContext } from 'react-native-google-cast';
+import { testProps } from '../../config';
+import { useLoggerContext } from '../../context';
+
+export function CastComponent() {
+    const { logDebug } = useLoggerContext();
+    return (
+        <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-around' }}>
+            <CastButton
+                {...testProps('app-harness-home-cast-support-button')}
+                style={{ width: 24, height: 24, tintColor: 'black' }}
+            />
+            <Button
+                title="Load Media"
+                onPress={async () => {
+                    try {
+                        const client = (await CastContext.getSessionManager().getCurrentCastSession())?.client;
+                        if (!client) {
+                            logDebug(`Cast: client is "${client}"`);
+                            return;
+                        }
+                        await client.loadMedia({
+                            mediaInfo: {
+                                contentUrl:
+                                    'https://commondatastorage.googleapis.com/gtv-videos-bucket/CastVideos/mp4/BigBuckBunny.mp4',
+                            },
+                        });
+                    } catch (e) {
+                        logDebug(`Cast: ${e}`);
+                    }
+                }}
+            />
+        </View>
+    );
+}
diff --git a/packages/app-harness/src/components/CastButton/index.tsx b/packages/app-harness/src/components/CastButton/index.tsx
@@ -1,36 +1,10 @@
-import { Button, View } from 'react-native';
-import { CastButton, CastContext } from 'react-native-google-cast';
+import { Text } from 'react-native';
 import { testProps } from '../../config';
-import { useLoggerContext } from '../../context';
 
-export function CastComponent() {
-    const { logDebug } = useLoggerContext();
+export const CastComponent = () => {
     return (
-        <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'space-around' }}>
-            <CastButton
-                {...testProps('app-harness-home-cast-support-button')}
-                style={{ width: 24, height: 24, tintColor: 'black' }}
-            />
-            <Button
-                title="Load Media"
-                onPress={async () => {
-                    try {
-                        const client = (await CastContext.getSessionManager().getCurrentCastSession())?.client;
-                        if (!client) {
-                            logDebug(`Cast: client is "${client}"`);
-                            return;
-                        }
-                        await client.loadMedia({
-                            mediaInfo: {
-                                contentUrl:
-                                    'https://commondatastorage.googleapis.com/gtv-videos-bucket/CastVideos/mp4/BigBuckBunny.mp4',
-                            },
-                        });
-                    } catch (e) {
-                        logDebug(`Cast: ${e}`);
-                    }
-                }}
-            />
-        </View>
+        <Text style={{ color: 'black' }} {...testProps('app-harness-home-cast-support-text')}>
+            Not supported
+        </Text>
     );
-}
+};