api: fetch shows implemented

components/ui/ShowCard.tsx

@@ -4,7 +4,7 @@ import { Image, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 type ShowCardProps = {
   imageUri: string;
   streamingServiceUri: string;
-  liveBadgeText: string;
+  liveBadgeText?: string;
   liveBadgeContainerStyle?: object;
   genres: string[];
   onPress?: () => void;
@@ -33,15 +33,16 @@ const ShowCard = ({
       <View style={styles.streamingServiceIcon}>
         <Image
           source={{
-            uri: streamingServiceUri,
+            uri: "https://play-lh.googleusercontent.com/e8u4F0ED6hDMzmjg5cV_C5Sxrzr3xECniwKCD2Q8QfUeVMVRLG41TrsnqroTE7uxk4E",
           }}
           style={[StyleSheet.absoluteFillObject, { borderRadius: 15 }]}
         />
       </View>
-
-      <View style={liveBadgeContainerStyle}>
-        <Text style={styles.liveBadgeText}>{liveBadgeText}</Text>
-      </View>
+      {liveBadgeText && (
+        <View style={liveBadgeContainerStyle}>
+          <Text style={styles.liveBadgeText}>{liveBadgeText}</Text>
+        </View>
+      )}
       <View style={styles.genreSection}>
         {genres.map((genre) => (
           <Text key={genre} style={styles.genreLabel}>
@@ -112,7 +113,7 @@ const styles = StyleSheet.create({
     paddingHorizontal: 10,
     borderRadius: 10,
     fontStyle: "italic",
-    backgroundColor: "rgba(255, 255, 255, 0.1)",
+    backgroundColor: "rgba(255, 255, 255, 1)",
     overflow: "hidden",
   },
 });