feat: message view gallery redesign

[khushal87]

This pull request refactors the Gallery and related components to simplify their props, improve styling consistency, and enhance maintainability. The changes remove several legacy props, centralize and modernize style definitions, and streamline the logic for rendering gallery images and video thumbnails.

Component API and Prop Cleanup:

• Removed unused or redundant props from Gallery and its subcomponents, including alignment, groupStyles, hasThreadReplies, and threadList, simplifying the component API and reducing complexity. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10]

Styling Improvements:

• Replaced inline and scattered style definitions with a useStyles hook in Gallery.tsx, leveraging theme primitives for consistent spacing, typography, and colors; updated error and overlay styles accordingly. [1] [2] [3]
• Updated GalleryImage and GalleryImageThumbnail to use a consistent flex: 1 style for images, ensuring proper sizing and layout. [1] [2] [3] [4] [5] [6]
• Refactored VideoThumbnail to simplify its container styles and use a unified play indicator component, removing redundant view wrappers and legacy styling. [1] [2]

Type and Utility Updates:

• Updated type definitions to use the new GalleryImageBorderRadius type and simplified border radius handling throughout the gallery components. [1] [2]
• Adjusted the logic for calculating and applying border radii, now passing fewer props and relying on simplified structures. [1] [2]

Layout and Rendering Logic:

• Improved the rendering logic for gallery containers and items, using new style hooks and removing unnecessary wrappers, which results in more predictable and maintainable layouts. [1] [2] [3] [4] [5]

These changes collectively modernize the gallery components, reduce technical debt, and pave the way for easier future enhancements.

[Stream-SDK-Bot]

SDK Size

title	develop	branch	diff	status
js_bundle_size	388 KB	388 KB	0 B	🟢