aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/layout/posts-list.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/layout/posts-list.tsx')
-rw-r--r--src/components/organisms/layout/posts-list.tsx17
1 files changed, 11 insertions, 6 deletions
diff --git a/src/components/organisms/layout/posts-list.tsx b/src/components/organisms/layout/posts-list.tsx
index 86c3d12..cde81e6 100644
--- a/src/components/organisms/layout/posts-list.tsx
+++ b/src/components/organisms/layout/posts-list.tsx
@@ -8,6 +8,8 @@ import {
type HeadingLevel,
ProgressBar,
Spinner,
+ List,
+ ListItem,
} from '../../atoms';
import { Pagination, type PaginationProps } from '../../molecules';
import { NoResults, type NoResultsProps } from './no-results';
@@ -115,25 +117,28 @@ export const PostsList: FC<PostsListProps> = ({
allPosts: Post[],
headingLevel: HeadingLevel = 2
): JSX.Element => (
- <ol
+ <List
aria-busy={isLoading}
aria-describedby={progressBarId}
className={styles.list}
+ hideMarker
+ isOrdered
ref={listRef}
+ spacing="md"
>
{allPosts.map(({ id, ...post }) => (
<Fragment key={id}>
- <li className={styles.item}>
+ <ListItem className={styles.item}>
<Summary {...post} titleLevel={headingLevel} />
- </li>
+ </ListItem>
{id === lastPostId && (
- <li>
+ <ListItem>
<span ref={lastPostRef} tabIndex={-1} />
- </li>
+ </ListItem>
)}
</Fragment>
))}
- </ol>
+ </List>
);
/**