if a HeaderCard is being shown, then update the page title and descri…

…ption using that information
emmanmills · Feb 17, 2020 · f1e9ce8 · f1e9ce8
1 parent e3df830
commit f1e9ce8
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 22 deletions.
diff --git a/public/index.html b/public/index.html
@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="" />
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
     <link
       rel="stylesheet"

diff --git a/src/demo/containers/playground/CardContainerLogicDemo.tsx b/src/demo/containers/playground/CardContainerLogicDemo.tsx
@@ -3,7 +3,6 @@ import CardContainerLogic, {
   CardConfiguration,
 } from '../../../lib/containers/CardContainerLogic'
 import { SynapseConstants } from '../../../lib'
-import { GenericCardSchema } from '../../../lib/containers/GenericCard'
 import brainSvg from './icons/brain.svg'
 import circleSvg from './icons/circle.svg'
 import mouseSvg from './icons/mouse.svg'
@@ -29,26 +28,7 @@ export default class CardContainerLogicDemo extends React.Component<{}, State> {
       'MODEL-AD': mouseSvg,
       'Resilience-AD': resilienceadSvg,
     }
-    const genericCardSchemaHeader: GenericCardSchema = {
-      type: SynapseConstants.DATASET,
-      title: 'portalDisplayName',
-      subTitle: 'centerName',
-      description: 'summary',
-      secondaryLabels: [
-        'Title',
-        'overallDesign',
-        'PubMed',
-        'Theme',
-        'studies',
-        'tumorType',
-        'experimentalStrategy',
-        'species',
-        'externalLink',
-        'centerName',
-        'consortium',
-        'grantType',
-      ],
-    }
+
     const genericCardSchema: CardConfiguration = {
       type: SynapseConstants.GENERIC_CARD,
       genericCardSchema: {
@@ -94,7 +74,12 @@ export default class CardContainerLogicDemo extends React.Component<{}, State> {
             sql={'SELECT * FROM syn17024173'}
             entityId={'syn17024173'}
             searchParams={{ Program: 'AMP-AD' }}
-            genericCardSchema={genericCardSchemaHeader}
+            genericCardSchema={{
+              type: 'Program',
+              title: 'Full Name',
+              subTitle: 'Short Description',
+              icon: 'Program',
+            }}
             backgroundColor={'#5960a5'}
             isHeader={true}
             iconOptions={iconOptions}

diff --git a/src/lib/containers/HeaderCard.tsx b/src/lib/containers/HeaderCard.tsx
@@ -29,6 +29,15 @@ const HeaderCard: React.FunctionComponent<HeaderCardProps> = ({
   secondaryLabelLimit,
   isAlignToLeftNav
 }) => {
+  // update page title and description based on header card values
+  if (title && document.title !== title) {
+    document.title = title
+  }
+  const descriptionElement:Element|null = document.querySelector('meta[name="description"]')
+  if (descriptionElement && (description || subTitle)) {
+    descriptionElement.setAttribute('content', description ? description : subTitle)
+  }
+
   const style: React.CSSProperties = {
     background: backgroundColor,
   }