29a035a4f2
- Scanning a vehicle QR (its register code, e.g. TLB04) books diesel from the main tank; litres, optional odometer and a required meter photo (stored protected, viewable from the Booked out table) - Settings: users are Full or Clock-app-only; clock-only users are confined to /clock - Clock app: tapped tab highlights at once plus a loading screen; remove the "scanned on this device" list Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
10 lines
658 B
TypeScript
10 lines
658 B
TypeScript
import { RotateCcw } from 'lucide-react';
|
|
|
|
/** Shown instantly while a tab's page loads, so a tap on the bottom bar never looks dead. */
|
|
export default function ClockLoading() {
|
|
return <section className="plant-clock-page p-4 sm:p-6 max-w-3xl mx-auto" aria-busy="true">
|
|
<div className="h-4 w-24 rounded bg-border animate-pulse"/>
|
|
<div className="h-8 w-64 max-w-full rounded bg-border animate-pulse mt-3"/>
|
|
<div className="plant-camera mt-4 grid place-items-center"><p className="flex items-center gap-2 rounded-lg bg-[#003D5B]/90 px-4 py-2 text-sm text-white"><RotateCcw size={16} className="animate-spin"/>Loading…</p></div>
|
|
</section>;
|
|
}
|