export default function LagerSystemPrototype() {
const boxes = [
{
id: ‘K-101’,
type: ‘Flyttekasse’,
location: ‘Greve Lager’,
status: ‘Ledig’
},
{
id: ‘K-102’,
type: ‘Arkivkasse’,
location: ‘Greve Lager’,
status: ‘Reserveret’
},
{
id: ‘K-103’,
type: ‘IT-Kasse’,
location: ‘København Depot’,
status: ‘Udlånt’
}
];
const bookings = [
{
booking: ‘B-1001’,
sag: ‘2026-114’,
kunde: ‘Jensen A/S’,
period: ’12/06 – 20/06′,
kasse: ‘K-102’,
status: ‘Afventer godkendelse’
},
{
booking: ‘B-1002’,
sag: ‘2026-118’,
kunde: ‘NordData’,
period: ’21/06 – 25/06′,
kasse: ‘K-103’,
status: ‘Godkendt’
}
];
const badgeColor = (status) => {
switch (status) {
case ‘Ledig’:
return ‘bg-green-100 text-green-700’;
case ‘Reserveret’:
return ‘bg-yellow-100 text-yellow-700’;
case ‘Udlånt’:
return ‘bg-red-100 text-red-700’;
default:
return ‘bg-gray-100 text-gray-700’;
}
};
return (
Lager- og Bookingsystem
Administration af kasser, materiel og udlån
Kasser
{box.status}
))}
Bookinger
))}
Label eksempel
Sådan bygges løsningen i Microsoft 365
);
}
