feat: #129

Author: LukasFridmansky

src/components/Avatar/index.tsx

@@ -26,6 +26,7 @@ const StoryAvatar: FC<StoryAvatarProps> = ( {
   showName,
   nameTextStyle,
   nameTextProps,
+  avatarBorderRadius,
 } ) => {
 
   const loaded = useSharedValue( false );
@@ -56,7 +57,7 @@ const StoryAvatar: FC<StoryAvatarProps> = ( {
             style={[
               AvatarStyles.avatar,
               imageAnimatedStyles,
-              { width: size, height: size, borderRadius: size / 2 },
+              { width: size, height: size, borderRadius: avatarBorderRadius ?? ( size / 2 ) },
             ]}
             testID="storyAvatarImage"
             onLoad={onLoad}

src/components/AvatarList/index.tsx

@@ -20,7 +20,7 @@ try {
 const StoryAvatarList: FC<StoryAvatarListProps> = ( {
   stories, loadingStory, seenStories, colors, seenColors, size,
   showName, nameTextStyle, nameTextProps,
-  avatarListContainerProps, avatarListContainerStyle, onPress,
+  avatarListContainerProps, avatarListContainerStyle, avatarBorderRadius, onPress,
 } ) => {
 
   const renderItem = ( story: InstagramStoryProps ) => story.renderAvatar?.()
@@ -36,6 +36,7 @@ const StoryAvatarList: FC<StoryAvatarListProps> = ( {
         showName={showName}
         nameTextStyle={nameTextStyle}
         nameTextProps={nameTextProps}
+        avatarBorderRadius={avatarBorderRadius}
         key={`avatar${story.id}`}
       />
     ) );

src/components/InstagramStories/index.tsx

@@ -33,6 +33,7 @@ const InstagramStories = forwardRef<InstagramStoriesPublicMethods, InstagramStor
   closeIconColor = CLOSE_COLOR,
   isVisible = false,
   hideAvatarList = false,
+  avatarBorderRadius,
   ...props
 }, ref ) => {
 
@@ -238,6 +239,7 @@ const InstagramStories = forwardRef<InstagramStoriesPublicMethods, InstagramStor
           nameTextProps={nameTextProps}
           avatarListContainerProps={avatarListContainerProps}
           avatarListContainerStyle={avatarListContainerStyle}
+          avatarBorderRadius={avatarBorderRadius}
           onPress={onPress}
         />
       )}

src/core/dto/componentsDTO.ts

@@ -18,6 +18,7 @@ export interface StoryAvatarListProps {
   nameTextProps: InstagramStoriesProps['nameTextProps'];
   avatarListContainerStyle: InstagramStoriesProps['avatarListContainerStyle'];
   avatarListContainerProps: InstagramStoriesProps['avatarListContainerProps'];
+  avatarBorderRadius?: number;
   onPress: ( id: string ) => void;
 }
 
@@ -31,6 +32,7 @@ export interface StoryAvatarProps extends InstagramStoryProps {
   showName?: boolean;
   nameTextStyle?: TextStyle;
   nameTextProps?: TextProps;
+  avatarBorderRadius?: number;
 }
 
 export interface StoryLoaderProps {

src/core/dto/instagramStoriesDTO.ts

@@ -62,6 +62,7 @@ export interface InstagramStoriesProps {
   loopingStories?: 'none' | 'all' | 'onlyLast';
   statusBarTranslucent?: boolean;
   footerComponent?: ReactNode;
+  avatarBorderRadius?: number;
   onShow?: ( id: string ) => void;
   onHide?: ( id: string ) => void;
   onSwipeUp?: ( userId?: string, storyId?: string ) => void;