image coutn fixed inmetrics bar for genrated count
This commit is contained in:
@@ -109,6 +109,7 @@ interface FilterConfig {
|
|||||||
interface HeaderMetrics {
|
interface HeaderMetrics {
|
||||||
label: string;
|
label: string;
|
||||||
value: string | number;
|
value: string | number;
|
||||||
|
displayValue?: string | number;
|
||||||
accentColor: 'blue' | 'green' | 'amber' | 'purple';
|
accentColor: 'blue' | 'green' | 'amber' | 'purple';
|
||||||
tooltip?: string;
|
tooltip?: string;
|
||||||
}
|
}
|
||||||
@@ -702,6 +703,7 @@ export default function TablePageTemplate({
|
|||||||
{headerMetrics && headerMetrics.length > 0 && (
|
{headerMetrics && headerMetrics.length > 0 && (
|
||||||
<div className="flex items-center gap-1.5 px-3 py-1.5 bg-gray-50 dark:bg-gray-800/30 rounded-lg border border-gray-200 dark:border-gray-700">
|
<div className="flex items-center gap-1.5 px-3 py-1.5 bg-gray-50 dark:bg-gray-800/30 rounded-lg border border-gray-200 dark:border-gray-700">
|
||||||
{headerMetrics.map((metric, index) => {
|
{headerMetrics.map((metric, index) => {
|
||||||
|
const metricValue = metric.displayValue ?? metric.value;
|
||||||
const metricElement = (
|
const metricElement = (
|
||||||
<div className={`flex items-center gap-2 ${metric.tooltip ? 'cursor-help' : ''}`}>
|
<div className={`flex items-center gap-2 ${metric.tooltip ? 'cursor-help' : ''}`}>
|
||||||
<div className={`w-1 h-5 rounded-full ${
|
<div className={`w-1 h-5 rounded-full ${
|
||||||
@@ -717,7 +719,7 @@ export default function TablePageTemplate({
|
|||||||
)}
|
)}
|
||||||
</span>
|
</span>
|
||||||
<span className="text-base font-bold text-gray-900 dark:text-white">
|
<span className="text-base font-bold text-gray-900 dark:text-white">
|
||||||
{typeof metric.value === 'number' ? formatMetricValue(metric.value) : metric.value}
|
{typeof metricValue === 'number' ? formatMetricValue(metricValue) : metricValue}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user