Merge pull request #187 from bento-platform/features/individual-heade…

…r-alt-ids add optional alt ids to individual overview
bento-platform · Nov 23, 2022 · 5ef924a · 5ef924a
2 parents 17258c9 + 9db9b73
commit 5ef924a
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/explorer/ExplorerIndividualContent.js b/src/components/explorer/ExplorerIndividualContent.js
@@ -97,8 +97,17 @@ class ExplorerIndividualContent extends Component {
             ? matchingMenuKeys(individualMenu, urlPath(this.props.nodeInfo.CHORD_URL))
             : [];
 
+        const headerTitle = (individual) => {
+            if (!individual) {
+                return null;
+            }
+            const mainId = individual.id;
+            const alternateIds = individual.alternate_ids ?? [];
+            return alternateIds.length ? `${mainId} (${alternateIds.join(", ")})` : mainId;
+        };
+
         return <>
-            <SitePageHeader title={(individual || {}).id || "Loading..."}
+            <SitePageHeader title={headerTitle(individual) || "Loading..."}
                             withTabBar={true}
                             onBack={this.state.backUrl
                                 ? (() => this.props.history.push(this.state.backUrl)) : undefined}