Manuel Bustillo
25703098d1
All checks were successful
Check usage of free licenses / build-static-assets (pull_request) Successful in 1m47s
Add copyright notice / copyright_notice (pull_request) Successful in 3m4s
Playwright Tests / test (pull_request) Successful in 6m8s
Build Nginx-based docker image / build-static-assets (pull_request) Successful in 11m35s
Check usage of free licenses / build-static-assets (push) Successful in 1m34s
Playwright Tests / test (push) Successful in 4m30s
Build Nginx-based docker image / build-static-assets (push) Successful in 17m58s
32 lines
775 B
TypeScript
32 lines
775 B
TypeScript
/* Copyright (C) 2024 Manuel Bustillo*/
|
|
|
|
import { CheckIcon, ClockIcon } from '@heroicons/react/24/outline';
|
|
import clsx from 'clsx';
|
|
|
|
export default function gueststatus({ status }: { status: string }) {
|
|
return (
|
|
<span
|
|
className={clsx(
|
|
'inline-flex items-center rounded-full px-2 py-1 text-xs',
|
|
{
|
|
'bg-gray-100 text-gray-500': status === 'pending',
|
|
'bg-green-500 text-white': status === 'paid',
|
|
},
|
|
)}
|
|
>
|
|
{status === 'pending' ? (
|
|
<>
|
|
Pending
|
|
<ClockIcon className="ml-1 w-4 text-gray-500" />
|
|
</>
|
|
) : null}
|
|
{status === 'paid' ? (
|
|
<>
|
|
Paid
|
|
<CheckIcon className="ml-1 w-4 text-white" />
|
|
</>
|
|
) : null}
|
|
</span>
|
|
);
|
|
}
|