diff --git a/src/components/Article/Article.Block.tsx b/src/components/Article/Article.Block.tsx index 6ec07b3..dfef7a6 100644 --- a/src/components/Article/Article.Block.tsx +++ b/src/components/Article/Article.Block.tsx @@ -7,7 +7,7 @@ import { extractInnerHtml, } from '@/utils/html.utils' import { HeadingElementsRef } from '@/utils/ui.utils' -import { Typography } from '@acid-info/lsd-react' +import { Quote, Typography } from '@acid-info/lsd-react' import { css } from '@emotion/react' import styled from '@emotion/styled' import clsx from 'clsx' @@ -45,9 +45,8 @@ export const RenderArticleBlock = ({ } case 'p': { const isIframe = block.embed && block.labels.includes('embed') - - return block.embed && isIframe ? ( - block.labels.includes('youtube_embed') ? ( + if (block.embed && isIframe) { + return block.labels.includes('youtube_embed') ? ( @@ -59,7 +58,29 @@ export const RenderArticleBlock = ({ }} /> ) - ) : ( + } + + if ( + block.classNames.includes('subtitle') && + block.classNames.includes('u-with-margin-left') + ) { + return ( + + + + ) + } + + return ( { data.content.filter( (b) => b.labels.length === 0 || - b.labels.includes(LPE.Post.ContentBlockLabels.Embed), + b.labels.includes(LPE.Post.ContentBlockLabels.Embed) || + (b.labels.includes(LPE.Post.ContentBlockLabels.Subtitle) && + b.order > 5), ), [data.content], )