secondary label for external link

Author: kianamcc

packages/synapse-react-client/src/components/CardContainerLogic/CardContainerLogic.tsx

@@ -142,6 +142,14 @@ export type CommonCardProps = {
   rgbIndex?: number
   columnIconOptions?: ColumnIconConfigs
   releaseCardConfig?: ReleaseCardConfig
+  customSecondaryLabelConfig?: {
+    key: string
+    value: string
+    isVisible: (
+      schema: Record<string, number>,
+      data: string[],
+    ) => string | undefined
+  }
 }
 export type CardConfiguration = {
   type: string

packages/synapse-react-client/src/components/GenericCard/GenericCard.tsx

@@ -407,6 +407,20 @@ class _GenericCard extends Component<GenericCardPropsInternal> {
     )
     const values: string[][] = []
     const { secondaryLabels = [] } = genericCardSchemaDefined
+    const howToDownloadSecondaryLabelConfig = {
+      key: 'HOW TO DOWNLOAD',
+      value: 'This file is hosted externally, follow the External Link, below',
+      isVisible: (schema: Record<string, number>, data: string[]) => {
+        return data[schema['externalLink']]
+          ? [
+              howToDownloadSecondaryLabelConfig.key,
+              howToDownloadSecondaryLabelConfig.value,
+              'externalLink',
+            ]
+          : undefined
+      },
+    }
+
     const isView = table && !isTableEntity(table)
     for (let i = 0; i < secondaryLabels.length; i += 1) {
       const columnName = secondaryLabels[i]
@@ -443,6 +457,11 @@ class _GenericCard extends Component<GenericCardPropsInternal> {
           )
           columnDisplayName = getColumnDisplayName(columnName)
         }
+        if (columnName === 'externalLink') {
+          values.push(
+            howToDownloadSecondaryLabelConfig.isVisible(schema, data) || [],
+          )
+        }
         const keyValue = [columnDisplayName, value, columnName]
         values.push(keyValue)
       }