Use clearer registration status message

indico · Dec 6, 2023 · b2c50e6 · b2c50e6
1 parent 9e05732
commit b2c50e6
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/pages/participant/RegistrationState.tsx b/src/pages/participant/RegistrationState.tsx
@@ -2,12 +2,16 @@ import {RegistrationState as _RegistrationState} from '../../db/db';
 
 export function RegistrationState({state}: {state: _RegistrationState}) {
   let color;
+  let text: string = state;
 
   switch (state) {
     case 'complete':
       color = 'green';
       break;
     case 'pending':
+      color = 'yellow';
+      text = 'pending approval';
+      break;
     case 'unpaid':
       color = 'yellow';
       break;
@@ -22,7 +26,7 @@ export function RegistrationState({state}: {state: _RegistrationState}) {
       className={`w-fit rounded-full bg-${color}-100 px-2.5 py-1 text-sm font-medium
                   text-${color}-800 dark:bg-${color}-900 dark:text-${color}-300`}
     >
-      Registration {state}
+      Registration {text}
     </span>
   );
 }