aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/organisms/images/gallery.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/organisms/images/gallery.tsx')
-rw-r--r--src/components/organisms/images/gallery.tsx16
1 files changed, 9 insertions, 7 deletions
diff --git a/src/components/organisms/images/gallery.tsx b/src/components/organisms/images/gallery.tsx
index ae773f6..b35acfe 100644
--- a/src/components/organisms/images/gallery.tsx
+++ b/src/components/organisms/images/gallery.tsx
@@ -1,7 +1,9 @@
-import { Children, FC, ReactElement } from 'react';
-import { type ResponsiveImageProps } from '../../molecules';
+import { Children, type FC, type ReactElement } from 'react';
+import { List, ListItem } from '../../atoms';
+import type { ResponsiveImageProps } from '../../molecules';
import styles from './gallery.module.scss';
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
export type GalleryColumn = 2 | 3 | 4;
export type GalleryProps = {
@@ -24,10 +26,10 @@ export const Gallery: FC<GalleryProps> = ({ children, columns }) => {
const columnsClass = `wrapper--${columns}-columns`;
return (
- <ul className={`${styles.wrapper} ${styles[columnsClass]}`}>
- {Children.map(children, (child) => {
- return <li className={styles.item}>{child}</li>;
- })}
- </ul>
+ <List className={`${styles.wrapper} ${styles[columnsClass]}`} hideMarker>
+ {Children.map(children, (child) => (
+ <ListItem className={styles.item}>{child}</ListItem>
+ ))}
+ </List>
);
};