13 lines
955 B
TypeScript
13 lines
955 B
TypeScript
|
'use client';
|
||
|
|
import { duration } from '@/lib/clock-display';
|
||
|
|
|
||
|
|
export function StatusChip({status}:{status:'in'|'out'|'away'}) {
|
||
|
|
return <span className={`plant-clock-status ${status==='in'?'plant-clock-status-in':''}`}>{status==='in'?'At work':status==='out'?'Clocked out':'No scan today'}</span>;
|
||
|
|
}
|
||
|
|
export function Kpi({label,value,hint}:{label:string;value:string|number;hint?:string}) {
|
||
|
|
return <div className="plant-clock-panel p-3 sm:p-5 min-w-0"><p className="text-2xl sm:text-3xl font-semibold tabular-nums break-words">{value}</p><p className="text-xs text-text-muted mt-1">{label}</p>{hint&&<p className="text-xs text-text-muted mt-1">{hint}</p>}</div>;
|
||
|
|
}
|
||
|
|
/** Hours are always shown "8h 05m"; a dash means nothing was recorded, never 0h. */
|
||
|
|
export const hours=(minutes:number)=>minutes>0?duration(minutes).replace(/ (\d)m$/,' 0$1m'):'—';
|
||
|
|
export const rateText=(rate:number|null)=>rate===null?'—':`R ${rate.toFixed(2).replace('.',',')}/h`;
|