From 190f020e6f2bc9adec2137c749cc6fee05bf4893 Mon Sep 17 00:00:00 2001
From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com>
Date: Tue, 19 May 2020 17:00:36 +0200
Subject: [PATCH] fix: removal of html to react lib
---
package.json | 1 -
src/components/ContentComponents/FAQ/FAQ.tsx | 7 ++-----
src/styles/components/_faq.scss | 9 ++++++---
3 files changed, 8 insertions(+), 9 deletions(-)
diff --git a/package.json b/package.json
index 0b3980672..4484c8f6c 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,6 @@
"d3": "^5.15.0",
"eslint-config-cozy-app": "1.1.12",
"global": "^4.4.0",
- "html-to-react": "^1.4.2",
"lodash": "^4.17.15",
"luxon": "^1.21.3",
"moment": "^2.24.0",
diff --git a/src/components/ContentComponents/FAQ/FAQ.tsx b/src/components/ContentComponents/FAQ/FAQ.tsx
index db62e0b3a..8e87e7161 100644
--- a/src/components/ContentComponents/FAQ/FAQ.tsx
+++ b/src/components/ContentComponents/FAQ/FAQ.tsx
@@ -1,16 +1,13 @@
import React, { useState } from 'react'
import GenericExpansionPanel from 'components/CommonKit/ExpansionPanel/StyledSampleExpansionPanel'
-import FAQJSon from '../../../db/FAQ.json'
+import FAQJSon from 'db/FAQ.json'
const formatDetails = (details: Array<string>) => {
- const HtmlToReactParser = require('html-to-react').Parser
- const htmlParser = new HtmlToReactParser()
const formatedDetails: React.ReactNode[] = []
details.forEach((detail, index) => {
- const detailParsed = htmlParser.parse(detail)
formatedDetails.push(
<div key={index} className="faq-content-detail">
- {detailParsed}
+ {`${detail}`}
</div>
)
})
diff --git a/src/styles/components/_faq.scss b/src/styles/components/_faq.scss
index c7bc83045..8ef5d965f 100644
--- a/src/styles/components/_faq.scss
+++ b/src/styles/components/_faq.scss
@@ -19,9 +19,6 @@
margin-bottom: 1.25rem;
color: $text-bright;
}
- .faq-content-detail {
- padding-bottom: 1rem;
- }
}
}
@@ -62,5 +59,11 @@
@media #{$large-phone} {
width: 100%;
}
+ .faq-content-detail {
+ padding-bottom: 0.4rem;
+ .ul {
+ font-weight: bold;
+ }
+ }
}
}
--
GitLab