Fix boolean fields not showing

indico · Jul 18, 2024 · ee08d59 · ee08d59
1 parent d3d4e51
commit ee08d59
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/pages/participant/fields.tsx b/src/pages/participant/fields.tsx
@@ -42,8 +42,9 @@ export function Field(field: FieldProps) {
     case 'number':
     case 'email':
     case 'phone':
-    case 'bool':
       return <TextField {...field} />;
+    case 'bool':
+      return <BooleanField {...field} />;
     case 'textarea':
       return <TextAreaField {...field} />;
     case 'date':
@@ -92,6 +93,15 @@ function TextField({title, description, data}: FieldProps) {
   );
 }
 
+function BooleanField({title, description, data}: FieldProps) {
+  return (
+    <div>
+      <FieldHeader title={title} description={description} />
+      <Typography variant="body1">{data ? 'yes' : 'no'}</Typography>
+    </div>
+  );
+}
+
 function TextAreaField({title, description, data}: FieldProps) {
   return (
     <div>