diff --git a/src/components/sections/about/AboutMetric.tsx b/src/components/sections/about/AboutMetric.tsx index 45e93df..8f8907b 100644 --- a/src/components/sections/about/AboutMetric.tsx +++ b/src/components/sections/about/AboutMetric.tsx @@ -43,12 +43,14 @@ const AboutMetric = ({ const theme = useTheme(); const shouldUseLightText = shouldUseInvertedText(useInvertedBackground, theme.cardStyle); + const filteredMetrics = metrics.filter(metric => metric.label === 'players' || metric.label === 'countries'); + const gridColsMap = { 2: "md:grid-cols-2", 3: "md:grid-cols-3", 4: "md:grid-cols-4", }; - const gridCols = gridColsMap[metrics.length as keyof typeof gridColsMap] || "md:grid-cols-4"; + const gridCols = gridColsMap[filteredMetrics.length as keyof typeof gridColsMap] || "md:grid-cols-4"; return (
- {metrics.map((metric, index) => { + {filteredMetrics.map((metric, index) => { const Icon = metric.icon; return (