fix: #2076

zesty-io · Oct 25, 2023 · 3710069 · 3710069
1 parent 532346b
commit 3710069
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 62 deletions.
diff --git a/cypress/integration/marketing/marketing.spec.js b/cypress/integration/marketing/marketing.spec.js
@@ -20,6 +20,7 @@ describe('test for built in marketing pages in app', () => {
       }).then((response) => {
         expect(response.status).to.not.equal(404);
         expect(response.body).not.to.contain('404 Not Found');
+        expect(response.body).not.to.contain(/&rsquo;|&amp;|&nbsp;|&quot;/);
         cy.get('body').should('exist');
       });
     });

diff --git a/src/blocks/benefits/Benefits.js b/src/blocks/benefits/Benefits.js
@@ -135,69 +135,17 @@ const Benefits = ({
                     {item?.header || FillerContent.header}
                   </Typography>
                 )}
-                <MuiMarkdown
-                  options={{
-                    overrides: {
-                      h2: {
-                        component: Typography,
-                        props: {
-                          component: 'h2',
-                          variant: 'h4',
-                          sx: {
-                            color: headerColor
-                              ? headerColor
-                              : theme.palette.zesty.zestyZambezi,
-                            fontWeight: 'bold',
-                            textAlign: isMedium ? 'center' : 'left',
-                          },
-                        },
-                      },
-                      h3: {
-                        component: Typography,
-                        props: {
-                          component: 'h3',
-                          variant: 'h5',
-                          sx: {
-                            color: headerColor
-                              ? headerColor
-                              : theme.palette.zesty.zestyZambezi,
-                            fontWeight: 'bold',
-                            textAlign: isMedium ? 'center' : 'left',
-                          },
-                        },
-                      },
-                      span: {
-                        component: Typography,
-                        props: {
-                          component: 'h2',
-                          variant: 'h3',
-                          sx: {
-                            color: headerColor
-                              ? headerColor
-                              : theme.palette.zesty.zestyZambezi,
-                            fontWeight: 'bold',
-                            textAlign: ' center',
-                          },
-                        },
-                      },
-                      p: {
-                        component: Typography,
-                        props: {
-                          mt: 2,
-                          component: 'p',
-                          variant: 'h6',
-                          sx: {
-                            color: theme.palette.zesty.zestyZambezi,
-                            textAlign: isMedium ? 'center' : 'left',
-                            mt: 3,
-                          },
-                        },
-                      },
-                    },
+                <Typography
+                  variant="h6"
+                  component="p"
+                  sx={{
+                    color: theme.palette.zesty.zestyZambezi,
+                    textAlign: isMedium ? 'center' : 'left',
+                    mt: 2,
+                    mb:6
                   }}
-                >
-                  {item?.content || FillerContent.description}
-                </MuiMarkdown>
+                  dangerouslySetInnerHTML={{ __html: item?.content || FillerContent.description }}
+                ></Typography>
               </Grid>
               <Grid
                 sx={{