empty placeholder

components/match-detail/league-info.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 { MatchDetailData } from "@/types/api";
@@ -25,12 +26,10 @@ export function LeagueInfo({ data, isDark }: LeagueInfoProps) {
       activeOpacity={0.7}
     >
       <View style={styles.left}>
-        {match.leagueLogo ? (
+        {match.leagueLogo && match.leagueLogo.trim() !== "" && !match.leagueLogo.includes("placehold") ? (
           <Image source={{ uri: match.leagueLogo }} style={styles.leagueLogo} />
         ) : (
-          <View style={[styles.fallbackLogo, { backgroundColor: "#333" }]}>
-            <IconSymbol name="trophy-outline" size={14} color="#AAA" />
-          </View>
+          <EmptyPlaceholder type="league" size={24} />
         )}
         <ThemedText style={[styles.leagueName, { color: textColor }]}>
           {match.leagueName}