feat(components): add a generic Grid component

* merge Columns, Gallery and CardsList into Grid component
* add more options to control the grid

1 files changed, 0 insertions, 43 deletions

diff --git a/src/components/organisms/images/gallery.test.tsx b/src/components/organisms/images/gallery.test.tsx
deleted file mode 100644
index bffc3b2..0000000
--- a/src/components/organisms/images/gallery.test.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { describe, expect, it } from '@jest/globals';
-import { render, screen as rtlScreen } from '@testing-library/react';
-import NextImage from 'next/image';
-import { Gallery } from './gallery';
-
-const columns = 3;
-
-const image = {
-  alt: 'Modi provident omnis',
-  height: 480,
-  src: 'http://picsum.photos/640/480',
-  width: 640,
-};
-
-describe('Gallery', () => {
-  it('renders the correct number of items', () => {
-    render(
-      <Gallery columns={columns}>
-        <NextImage {...image} />
-        <NextImage {...image} />
-        <NextImage {...image} />
-        <NextImage {...image} />
-      </Gallery>
-    );
-
-    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    expect(rtlScreen.getAllByRole('listitem')).toHaveLength(4);
-  });
-
-  it('renders the right number of columns', () => {
-    render(
-      <Gallery columns={columns}>
-        <NextImage {...image} />
-        <NextImage {...image} />
-        <NextImage {...image} />
-        <NextImage {...image} />
-      </Gallery>
-    );
-    expect(rtlScreen.getByRole('list')).toHaveClass(
-      `wrapper--${columns}-columns`
-    );
-  });
-});