diff --git a/src/components/FAQ/FAQItem.jsx b/src/components/FAQ/FAQItem.jsx index 1c017e75f..cf6c4f4b8 100644 --- a/src/components/FAQ/FAQItem.jsx +++ b/src/components/FAQ/FAQItem.jsx @@ -3,6 +3,7 @@ import cn from 'classnames' import { documentToReactComponents } from '@contentful/rich-text-react-renderer' import IconX from ' ../../assets/icons/ui-x-mark.svg' import IconCarretDown from '../../assets/icons/arrow-6px-carret-down-normal.svg' +import { CONTENTFUL_NODE_TYPES } from '../../config/constants' import './FAQItem.scss' @@ -25,6 +26,13 @@ class FAQItem extends Component { render() { const {item} = this.props const {isOpen} = this.state + + const FormattedHyperLink = ({ value, url }) => {value} + const options = { + renderNode: {/* eslint-disable no-unused-vars*/ + [CONTENTFUL_NODE_TYPES.HYPERLINK]: (node, children) => + } + } return (
@@ -33,7 +41,7 @@ class FAQItem extends Component { {isOpen ? : }
-
{documentToReactComponents(item.fields.answer)}
+
{documentToReactComponents(item.fields.answer, options)}
) } diff --git a/src/components/FAQ/FAQItem.scss b/src/components/FAQ/FAQItem.scss index 15b90b7d8..40799a1db 100644 --- a/src/components/FAQ/FAQItem.scss +++ b/src/components/FAQ/FAQItem.scss @@ -62,6 +62,14 @@ line-height: 20px; text-align: left; margin-bottom: 2 * $base-unit; + + a { + cursor: pointer; + color: $tc-dark-blue; + &:hover { + text-decoration: underline; + } + } } .accordion.is-open .content { diff --git a/src/config/constants.js b/src/config/constants.js index 948a1f93d..9aa7a66ba 100644 --- a/src/config/constants.js +++ b/src/config/constants.js @@ -992,4 +992,12 @@ export const REPORT_SESSION_LENGTH = 25 * 60 // 25 minutes (5 minutes less than */ export const DASHBOARD_FAQ_CONTENT_ID = process.env.DASHBOARD_FAQ_CONTENT_ID export const CONTENTFUL_DELIVERY_KEY = process.env.CONTENTFUL_DELIVERY_KEY -export const CONTENTFUL_SPACE_ID = process.env.CONTENTFUL_SPACE_ID \ No newline at end of file +export const CONTENTFUL_SPACE_ID = process.env.CONTENTFUL_SPACE_ID + + +/** + * Contentful node types + */ +export const CONTENTFUL_NODE_TYPES = { + HYPERLINK : 'hyperlink', +} \ No newline at end of file