Merge pull request #1739 from GetStream/mads/flip-gallery-rendering

refactor: change the direction gallery thumbnails are rendered

Author: vanGalilea

package/src/components/Attachment/__tests__/Gallery.test.js

@@ -248,13 +248,13 @@ describe('Gallery', () => {
     const { queryAllByTestId } = render(component);
 
     await waitFor(() => {
-      expect(queryAllByTestId('gallery-column-0').length).toBe(1);
-      expect(queryAllByTestId('gallery-column-1').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-0').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-1').length).toBe(1);
 
-      expect(queryAllByTestId('gallery-column-0-item-0').length).toBe(1);
-      expect(queryAllByTestId('gallery-column-0-item-1').length).toBe(1);
-      expect(queryAllByTestId('gallery-column-1-item-0').length).toBe(1);
-      expect(queryAllByTestId('gallery-column-1-item-1').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-0-item-0').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-0-item-1').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-1-item-0').length).toBe(1);
+      expect(queryAllByTestId('gallery-row-1-item-1').length).toBe(1);
     });
   });
 

package/src/components/Attachment/utils/buildGallery/buildGallery.ts

@@ -71,7 +71,7 @@ export function buildGallery<
       [1, 1],
     ],
     images: images.slice(0, 4),
-    invertedDirections: false,
+    invertedDirections: true,
     sizeConfig,
   });
 }