- {tab.id === page && (
-
- )}
+ {QUERY_PERFORMANCE_TABS.map((tab) => {
+ const tabMax = Number(tab.max)
+ const maxValue =
+ tab.id !== QUERY_PERFORMANCE_REPORT_TYPES.MOST_FREQUENT
+ ? tabMax > 1000
+ ? (tabMax / 1000).toFixed(2)
+ : tabMax.toLocaleString()
+ : tabMax.toLocaleString()
-
- {tab.label}
-
-
-
-
- {tab.description}
-
-
- {tab.isLoading ? (
-
- ) : tab.max === undefined ? (
-
- No data yet
-
- ) : (
-
- {Number(tab.max).toLocaleString()}
- {tab.id !== QUERY_PERFORMANCE_REPORT_TYPES.MOST_FREQUENT ? 'ms' : ' calls'}
-
- )}
+ return (
+
+ {tab.id === page && (
+
+ )}
- {tab.id === page && (
-
- )}
-
- ))}
+
+ {tab.label}
+
+
+
+
+ {tab.description}
+
+
+ {tab.isLoading ? (
+
+ ) : tab.max === undefined ? (
+
+ No data yet
+
+ ) : (
+
+ {/* {Number(tab.max).toLocaleString()} */}
+ {maxValue}
+ {tab.id !== QUERY_PERFORMANCE_REPORT_TYPES.MOST_FREQUENT
+ ? tabMax > 1000
+ ? 's'
+ : 'ms'
+ : ' calls'}
+
+ )}
+
+ {tab.id === page && (
+
+ )}
+
+ )
+ })}