Крутой дизайн

This commit is contained in:
 Илья Шалонин 2025-12-19 14:11:32 +05:00
parent ae1229d550
commit 3d65d2b7e8
5 changed files with 326 additions and 329 deletions

View file

@ -4,17 +4,22 @@ import type { TrackPoint } from "../types";
type TrackSummaryProps = {
lastPoint: TrackPoint | null;
pointsCount: number;
compact?: boolean;
};
export const TrackSummary = ({ lastPoint, pointsCount }: TrackSummaryProps) => (
<div className="mini-info">
<div className="chip">
export const TrackSummary = ({ lastPoint, pointsCount, compact }: TrackSummaryProps) => (
<div className={`mini-info ${compact ? "compact" : ""}`}>
<div className="chip small">
<span>Последняя фиксация</span>
<strong>{formatTime(lastPoint?.timestamp)}</strong>
</div>
<div className="chip">
<div className="chip small">
<span>Точек трека</span>
<strong>{pointsCount}</strong>
</div>
<div className="chip small">
<span>Статус</span>
<strong>ок</strong>
</div>
</div>
);