Show registration state in participant list

indico · Dec 6, 2023 · 52f2827 · 52f2827
1 parent b2c50e6
commit 52f2827
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/Components/Tailwind/Table.tsx b/src/Components/Tailwind/Table.tsx
@@ -1,7 +1,9 @@
 import {ChangeEvent, useState, useMemo, useRef} from 'react';
 import {
   ArrowSmallLeftIcon,
+  BanknotesIcon,
   CheckCircleIcon,
+  ExclamationCircleIcon,
   MagnifyingGlassIcon,
   UserGroupIcon,
   XMarkIcon,
@@ -169,7 +171,11 @@ function Row({fullName, checkedIn, state, onClick, isEven}: RowProps) {
           >
             {fullName}
           </Typography>
-          {checkedIn && <CheckCircleIcon className="h-6 w-6 text-green-500" />}
+          <div className="flex">
+            {state === 'pending' && <ExclamationCircleIcon className="h-6 w-6 text-yellow-500" />}
+            {state === 'unpaid' && <BanknotesIcon className="h-6 w-6 text-yellow-500" />}
+            {checkedIn && <CheckCircleIcon className="h-6 w-6 text-green-500" />}
+          </div>
         </div>
       </td>
     </tr>