Show filename if URL is invalid (#70)

indico · Aug 28, 2024 · 5e3d4cc · 5e3d4cc
1 parent fdc1d30
commit 5e3d4cc
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/pages/participant/fields.tsx b/src/pages/participant/fields.tsx
@@ -284,8 +284,20 @@ export function getAccompanyingPersons(sections: Section[]) {
 
 function PictureField({title, description, data}: FieldProps) {
   if (!data) {
-    return;
+    return null;
   }
+
+  // fallback to showing the filename only if it's not a valid URL
+  const isValidUrl = data.startsWith('http://') || data.startsWith('https://');
+  if (!isValidUrl) {
+    return (
+      <div>
+        <FieldHeader title={title} description={description} />
+        <Typography variant="body1">{data}</Typography>
+      </div>
+    );
+  }
+
   return (
     <div>
       <FieldHeader title={title} description={description} />