development/0b1f4792-64cd-483a-8739-3d5dadeaa175
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: make the metrics section show only 2 metrics: play...

Browse Source
This commit is contained in:
kudindmitriy
2026-02-09 15:54:36 +02:00
parent e0dd36e587
commit 5de9fa4bb5
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/sections/about/AboutMetric.tsx
View File

@@ -43,12 +43,14 @@ const AboutMetric = ({
const theme = useTheme(); const theme = useTheme();
const shouldUseLightText = shouldUseInvertedText(useInvertedBackground, theme.cardStyle); const shouldUseLightText = shouldUseInvertedText(useInvertedBackground, theme.cardStyle);
const filteredMetrics = metrics.filter(metric => metric.label === 'players' || metric.label === 'countries');
const gridColsMap = { const gridColsMap = {
2: "md:grid-cols-2", 2: "md:grid-cols-2",
3: "md:grid-cols-3", 3: "md:grid-cols-3",
4: "md:grid-cols-4", 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 ( return (
<section <section
@@ -64,7 +66,7 @@ const AboutMetric = ({
/> />
<div className={cls("grid grid-cols-1 gap-6", gridCols, metricsContainerClassName)}> <div className={cls("grid grid-cols-1 gap-6", gridCols, metricsContainerClassName)}>
{metrics.map((metric, index) => { {filteredMetrics.map((metric, index) => {
const Icon = metric.icon; const Icon = metric.icon;
return ( return (
<div <div