empty placeholder

components/upcoming-match-card.tsx

@@ -1,3 +1,4 @@
+import { EmptyPlaceholder } from "@/components/empty-placeholder";
 import { ThemedText } from "@/components/themed-text";
 import { IconSymbol } from "@/components/ui/icon-symbol";
 import { Colors } from "@/constants/theme";
@@ -122,12 +123,14 @@ export function UpcomingMatchCard({
 
       <View style={styles.teamsContainer}>
         <View style={styles.team}>
-          {match.homeTeamLogo && (
+          {match.homeTeamLogo && match.homeTeamLogo.trim() !== "" && !match.homeTeamLogo.includes("placehold") ? (
             <Image
               source={{ uri: match.homeTeamLogo }}
               style={styles.teamLogo}
               contentFit="contain"
             />
+          ) : (
+            <EmptyPlaceholder type="team" size={24} />
           )}
           <ThemedText
             type="defaultSemiBold"
@@ -143,12 +146,14 @@ export function UpcomingMatchCard({
         </View>
 
         <View style={styles.team}>
-          {match.awayTeamLogo && (
+          {match.awayTeamLogo && match.awayTeamLogo.trim() !== "" && !match.awayTeamLogo.includes("placehold") ? (
             <Image
               source={{ uri: match.awayTeamLogo }}
               style={styles.teamLogo}
               contentFit="contain"
             />
+          ) : (
+            <EmptyPlaceholder type="team" size={24} />
           )}
           <ThemedText
             type="defaultSemiBold"