diff --git a/src/components/Block.tsx b/src/components/Block.tsx index 1f37d9ce..63d6635f 100644 --- a/src/components/Block.tsx +++ b/src/components/Block.tsx @@ -56,7 +56,9 @@ export default class Block extends React.Component { if (event.nativeEvent.target.nodeName !== "INPUT" && !contains) { event.stopPropagation(); } - event.preventDefault(); + if (event.nativeEvent.target.nodeName !== "A") { + event.preventDefault(); + } } render() { diff --git a/src/components/Doc.tsx b/src/components/Doc.tsx index 6a5949b9..d54a23d2 100644 --- a/src/components/Doc.tsx +++ b/src/components/Doc.tsx @@ -18,7 +18,8 @@ type DocProps = { 'sdk-support'?: { [key: string]: typeof headers } - docUrl?: string + docUrl?: string, + docUrlDescription?: string } }; // & WithTranslation? @@ -26,7 +27,7 @@ export default class Doc extends React.Component { render () { const {fieldSpec} = this.props; - const {doc, values, docUrl} = fieldSpec; + const {doc, values, docUrl, docUrlDescription} = fieldSpec; const sdkSupport = fieldSpec['sdk-support']; const renderValues = ( @@ -86,9 +87,9 @@ export default class Doc extends React.Component { } - {docUrl && + {docUrl && docUrlDescription &&
- console.log('Link clicked')}>Learn More (TODO i18n) + console.log('Link clicked')}>{docUrlDescription}
}