diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-29 21:29:45 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | 4f768afe543bbf9e1857c41d03804f8e37ab3512 (patch) | |
| tree | d751219a147688b5665c51db3c8dbdca1f1345ee /src/pages/cv.tsx | |
| parent | 9128c224c65f8f2a172b22a443ccb4573c7acd90 (diff) | |
refactor(components): rewrite List component
* change `items` prop to children
* replace `kind` prop with `isHierarchical`, `isOrdered` & `isInline` props
* add `hideMarker` prop
* add `spacing` prop to control item spacing
* move lists styles to Sass placeholders to avoid repeats because of
headless WordPress
Diffstat (limited to 'src/pages/cv.tsx')
| -rw-r--r-- | src/pages/cv.tsx | 23 |
1 files changed, 22 insertions, 1 deletions
diff --git a/src/pages/cv.tsx b/src/pages/cv.tsx index 3910d61..5882ff6 100644 --- a/src/pages/cv.tsx +++ b/src/pages/cv.tsx @@ -19,6 +19,7 @@ import { PageLayout, SocialMedia, type MetaData, + ListItem, } from '../components'; import CVContent, { data, meta } from '../content/pages/cv.mdx'; import styles from '../styles/pages/cv.module.scss'; @@ -96,6 +97,24 @@ const H6 = ({ </Heading> ); +const OrderedList = ({ + children, + ...props +}: HTMLAttributes<HTMLUListElement>) => ( + <List {...props} isOrdered spacing="2xs"> + {children} + </List> +); + +const UnorderedList = ({ + children, + ...props +}: HTMLAttributes<HTMLUListElement>) => ( + <List {...props} spacing="2xs"> + {children} + </List> +); + const components: MDXComponents = { a: ExternalLink, h1: H1, @@ -104,8 +123,10 @@ const components: MDXComponents = { h4: H4, h5: H5, h6: H6, + li: ListItem, Link, - List, + ol: OrderedList, + ul: UnorderedList, }; /** |