feat: #1123 render html for app detail (#1152)

reapit · May 5, 2020 · ee76c1a · ee76c1a
1 parent 0669a93
commit ee76c1a
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 7 deletions.
diff --git a/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-detail.tsx.snap b/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-detail.tsx.snap
@@ -48,7 +48,9 @@ exports[`AppDetailModalInner should match a snapshot 1`] = `
           </div>
         </React.Fragment>
         <br />
-        <p />
+        <Unknown
+          html=""
+        />
         <br />
         <Unknown>
           Permissions requested

diff --git a/packages/marketplace/src/components/ui/app-detail.tsx b/packages/marketplace/src/components/ui/app-detail.tsx
@@ -3,7 +3,17 @@ import Slider, { Settings } from 'react-slick'
 import { FaCheck, FaTimes, FaCopy } from 'react-icons/fa'
 import { CopyToClipboard } from 'react-copy-to-clipboard'
 import { connect } from 'react-redux'
-import { Tile, ModalHeader, ModalBody, ModalFooter, H6, GridThreeColItem, Grid, SubTitleH6 } from '@reapit/elements'
+import {
+  Tile,
+  ModalHeader,
+  ModalBody,
+  ModalFooter,
+  H6,
+  GridThreeColItem,
+  Grid,
+  SubTitleH6,
+  HTMLRender,
+} from '@reapit/elements'
 import { AppDetailModel } from '@reapit/foundations-ts-definitions'
 import { ReduxState } from '@/types/core'
 import ChevronLeftIcon from '@/components/svg/chevron-left'
@@ -200,7 +210,7 @@ export const AppDetail: React.FunctionComponent<AppDetailProps> = ({
               </div>
             )}
             <br />
-            <p>{description}</p>
+            <HTMLRender html={description || ''} />
             <br />
 
             <H6>

diff --git a/packages/marketplace/src/tests/badges/badge-branches.svg b/packages/marketplace/src/tests/badges/badge-branches.svg
diff --git a/packages/marketplace/src/tests/badges/badge-functions.svg b/packages/marketplace/src/tests/badges/badge-functions.svg
diff --git a/packages/marketplace/src/tests/badges/badge-lines.svg b/packages/marketplace/src/tests/badges/badge-lines.svg
diff --git a/packages/marketplace/src/tests/badges/badge-statements.svg b/packages/marketplace/src/tests/badges/badge-statements.svg