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 = ({
}}
>
-
+
-
+
)
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 @@
-