From 833505617bc7d01eedd5a163e87f148023a59e8b Mon Sep 17 00:00:00 2001
From: Khushal Agarwal <khushal.agarwal987@gmail.com>
Date: Thu, 4 Jul 2024 09:42:22 +0530
Subject: [PATCH] fix: add borderRadius theme property for Gallery image

---
 package/src/components/Attachment/Gallery.tsx    | 6 +++---
 package/src/contexts/themeContext/utils/theme.ts | 7 +++++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/package/src/components/Attachment/Gallery.tsx b/package/src/components/Attachment/Gallery.tsx
index a453af7389..2775354817 100644
--- a/package/src/components/Attachment/Gallery.tsx
+++ b/package/src/components/Attachment/Gallery.tsx
@@ -289,7 +289,7 @@ const GalleryThumbnail = <
     theme: {
       colors: { overlay },
       messageSimple: {
-        gallery: { image, imageContainer, moreImagesContainer, moreImagesText },
+        gallery: { image, imageBorderRadius, imageContainer, moreImagesContainer, moreImagesText },
       },
     },
   } = useTheme();
@@ -366,7 +366,7 @@ const GalleryThumbnail = <
       {thumbnail.type === 'video' ? (
         <VideoThumbnail
           style={[
-            borderRadius,
+            imageBorderRadius ?? borderRadius,
             {
               height: thumbnail.height - 1,
               width: thumbnail.width - 1,
@@ -378,7 +378,7 @@ const GalleryThumbnail = <
       ) : (
         <View style={styles.imageContainerStyle}>
           <GalleryImageThumbnail
-            borderRadius={borderRadius}
+            borderRadius={imageBorderRadius ?? borderRadius}
             ImageLoadingFailedIndicator={ImageLoadingFailedIndicator}
             ImageLoadingIndicator={ImageLoadingIndicator}
             thumbnail={thumbnail}
diff --git a/package/src/contexts/themeContext/utils/theme.ts b/package/src/contexts/themeContext/utils/theme.ts
index 5030f79fa1..f84dddd052 100644
--- a/package/src/contexts/themeContext/utils/theme.ts
+++ b/package/src/contexts/themeContext/utils/theme.ts
@@ -499,6 +499,12 @@ export type Theme = {
       moreImagesContainer: ViewStyle;
       moreImagesText: TextStyle;
       thumbnail: ViewStyle;
+      imageBorderRadius?: {
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+      };
     };
     giphy: {
       buttonContainer: ViewStyle;
@@ -1079,6 +1085,7 @@ export const defaultTheme: Theme = {
       gridHeight: 195,
       gridWidth: 256,
       image: {},
+      imageBorderRadius: undefined,
       imageContainer: {},
       maxHeight: 300,
       maxWidth: 256,