Timeline: open event attributes in new window (when signaled)

cBioPortal · Jun 13, 2023 · 127db7d · 127db7d
1 parent e9a08df
commit 127db7d
Showing 1 changed file with 24 additions and 6 deletions.
diff --git a/packages/cbioportal-clinical-timeline/src/TimelineTrack.tsx b/packages/cbioportal-clinical-timeline/src/TimelineTrack.tsx
@@ -472,21 +472,39 @@ export const EventTooltipContent: React.FunctionComponent<{
         <div>
             <table className={'table table-condensed'}>
                 <tbody>
-                    {_.map(attributes, (att: any) => {
+                    {_.map(attributes, (attr: any) => {
                         return (
                             <tr>
-                                <td>{att.key.replace(/_/g, ' ')}</td>
+                                <td>{attr.key.replace(/_/g, ' ')}</td>
                                 <td>
                                     <ReactMarkdown
                                         allowedElements={['p', 'a']}
                                         linkTarget={'_blank'}
                                         components={{
-                                            a: ({ node, ...props }) => (
-                                                <OurPopup {...props} />
-                                            ),
+                                            a: ({ node, ...props }) => {
+                                                const text = props.children[0]!.toString();
+                                                if (/:blank$/.test(text)) {
+                                                    /* @ts-ignore */
+                                                    return (
+                                                        <a
+                                                            href={props.href}
+                                                            target={'_blank'}
+                                                        >
+                                                            {text.replace(
+                                                                /:blank$/,
+                                                                ''
+                                                            )}
+                                                        </a>
+                                                    );
+                                                } else {
+                                                    return (
+                                                        <OurPopup {...props} />
+                                                    );
+                                                }
+                                            },
                                         }}
                                     >
-                                        {att.value}
+                                        {attr.value}
                                     </ReactMarkdown>
                                 </td>
                             </tr>