Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot]
2026-05-14 11:29:47 +00:00
parent 5e1e7392a2
commit 5561bc6b22
+9 -4
View File
@@ -3,15 +3,20 @@ import { Button } from '@/components/ui/button';
import { useModelStore } from '@/stores/useModelStore'; import { useModelStore } from '@/stores/useModelStore';
export function MeasurementsList() { export function MeasurementsList() {
const { measurements, removeMeasurement } = useModelStore(); const { measurements, removeMeasurement, scaleRatio } = useModelStore();
if (measurements.length === 0) return null; if (measurements.length === 0) return null;
return ( return (
<div className="space-y-2"> <div className="space-y-2">
<h3 className="font-mono text-xs font-semibold uppercase tracking-widest text-muted-foreground"> <div className="flex items-center justify-between">
Medições <h3 className="font-mono text-xs font-semibold uppercase tracking-widest text-muted-foreground">
</h3> Medições
</h3>
<span className="font-mono text-[10px] text-primary" title="Valores em mm reais (compensados pela escala)">
mm reais · {scaleRatio.label}
</span>
</div>
<div className="space-y-1.5"> <div className="space-y-1.5">
{measurements.map((m, i) => ( {measurements.map((m, i) => (
<div key={m.id} className="flex items-center justify-between rounded-lg border bg-muted/30 px-3 py-2"> <div key={m.id} className="flex items-center justify-between rounded-lg border bg-muted/30 px-3 py-2">