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}
) diff --git a/src/components/SearchBox/SearchBox.tsx b/src/components/SearchBox/SearchBox.tsx index 0582c1f..6816f9e 100644 --- a/src/components/SearchBox/SearchBox.tsx +++ b/src/components/SearchBox/SearchBox.tsx @@ -17,6 +17,7 @@ import { } from 'use-query-params' import { useDeepCompareEffect } from 'react-use' import { lsdUtils } from '@/utils/lsd.utils' +import { formatTagText } from '@/utils/string.utils' interface SearchBoxProps { onSearch?: (query: string, tags: string[], types: LPE.ContentType[]) => void tags?: string[] @@ -227,7 +228,7 @@ const SearchBox = (props: SearchBoxProps) => { ({ name: t, value: t }))} + options={tags.map((t) => ({ name: formatTagText(t), value: t }))} value={hydrated ? (filterTags as string[]) : []} onChange={(n) => setFilterTags(n as string[])} multi={true} diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 9ced8cf..5df64f8 100644 --- a/src/pages/_app.tsx +++ b/src/pages/_app.tsx @@ -98,6 +98,9 @@ export default function App({ Component, pageProps }: AppLayoutProps) { .lsd-dropdown-menu { z-index: 99; } + .lsd-dropdown-item__label { + text-transform: capitalize; + } `} /> diff --git a/src/styles/globals.css b/src/styles/globals.css index 8b13789..e69de29 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -1 +0,0 @@ -