diff --git a/src/components/Article/Article.Blocks.tsx b/src/components/Article/Article.Blocks.tsx index ca623e7..215838a 100644 --- a/src/components/Article/Article.Blocks.tsx +++ b/src/components/Article/Article.Blocks.tsx @@ -9,10 +9,6 @@ type Props = { } const ArticleBlocks = ({ data }: Props) => { - // const {data: searchResultBlocks = []} = useArticleContext() - // const ids = searchResultBlocks?.map( - // (block) => (block as SearchResultsItemTypes).doc.id, - // ) const { setTocId, tocId } = useArticleContainerContext() const headingElementsRef = useIntersectionObserver(setTocId) diff --git a/src/components/Article/Article.ImageBlockWrapper.tsx b/src/components/Article/Article.ImageBlockWrapper.tsx index ecc3f0c..ca82525 100644 --- a/src/components/Article/Article.ImageBlockWrapper.tsx +++ b/src/components/Article/Article.ImageBlockWrapper.tsx @@ -1,6 +1,7 @@ import styled from '@emotion/styled' import { LPE } from '../../types/lpe.types' import { ResponsiveImage } from '../ResponsiveImage/ResponsiveImage' +import { lsdUtils } from '@/utils/lsd.utils' type Props = { image: LPE.Image.Document @@ -10,8 +11,16 @@ export const ArticleImageBlockWrapper = ({ image }: Props) => { return ( +
{image.alt}
) } -const Container = styled.div`` +const Container = styled.figure` + margin: 0; + padding: 0; + figcaption { + padding-top: 8px; + ${lsdUtils.typography('body3')} + } +` diff --git a/src/components/Authors/Author.tsx b/src/components/Authors/Author.tsx index 21643a1..f95700c 100644 --- a/src/components/Authors/Author.tsx +++ b/src/components/Authors/Author.tsx @@ -30,6 +30,7 @@ const Author = ({ const AuthorInfo = styled.div` display: flex; flex-direction: column; + text-transform: capitalize; ` export default Author diff --git a/src/components/ResponsiveImage/ResponsiveImage.tsx b/src/components/ResponsiveImage/ResponsiveImage.tsx index a92731a..8527c4d 100644 --- a/src/components/ResponsiveImage/ResponsiveImage.tsx +++ b/src/components/ResponsiveImage/ResponsiveImage.tsx @@ -19,7 +19,6 @@ export const ResponsiveImage = ({ data, height, fill = false, - alt = 'alt', nextImageProps, className, }: Props) => { @@ -51,10 +50,10 @@ export const ResponsiveImage = ({ }} >
- {alt} + {data.alt}
- {alt} + {data.alt}
)