Крутой дизайн
This commit is contained in:
parent
ae1229d550
commit
3d65d2b7e8
5 changed files with 326 additions and 329 deletions
|
|
@ -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>
|
||||
);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue