APervov/ui
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

BUR-41 MetricWidget обогощен информацией единицы измерения, идентификатором тега, а также выставлены акценты

Browse Source
This commit is contained in:
Первов Артем
2026-07-05 23:26:13 +03:00
parent cf1dea2767
commit e8c5dbc489
2 changed files with 65 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/MetricWidget.tsx
View File

@@ -6,12 +6,17 @@ type MetricWidgetProps = {
};
export function MetricWidget({ item }: MetricWidgetProps) {
const title = item.name?.trim() || item.tag;
const name = item.name?.trim() || item.tag;
const unit = item.unitOfMeasurement?.trim();
return (
<article className="metric-widget" title={`${title} (${item.tag})`}>
<span className="metric-widget__tag">{title}</span>
<strong className="metric-widget__value">{formatNumber(item.value)}</strong>
<article className="metric-widget" title={`${name} (${item.tag})`}>
<span className="metric-widget__id">{item.tag}</span>
<span className="metric-widget__name">{name}</span>
<span className="metric-widget__reading">
<strong className="metric-widget__value">{formatNumber(item.value)}</strong>
{unit ? <span className="metric-widget__unit">{unit}</span> : null}
</span>
</article>
);
}