From 701e508a1a5a99389242282a82973a3015070509 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Wed, 8 May 2024 21:44:49 +0100
Subject: [PATCH] add sideborders prop (#3920)

---
 src/screens/Messages/Conversation/MessagesList.tsx | 1 +
 src/view/com/util/List.tsx                         | 1 +
 src/view/com/util/List.web.tsx                     | 4 +++-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/screens/Messages/Conversation/MessagesList.tsx b/src/screens/Messages/Conversation/MessagesList.tsx
index 49e780aa..1b07f887 100644
--- a/src/screens/Messages/Conversation/MessagesList.tsx
+++ b/src/screens/Messages/Conversation/MessagesList.tsx
@@ -250,6 +250,7 @@ export function MessagesList() {
           ListHeaderComponent={
             <MaybeLoader isLoading={convo.isFetchingHistory} />
           }
+          sideBorders={false}
         />
       </ScrollProvider>
       <MessageInput onSendMessage={onSendMessage} scrollToEnd={scrollToEnd} />
diff --git a/src/view/com/util/List.tsx b/src/view/com/util/List.tsx
index 194f81c5..0064a7b8 100644
--- a/src/view/com/util/List.tsx
+++ b/src/view/com/util/List.tsx
@@ -25,6 +25,7 @@ export type ListProps<ItemT> = Omit<
   onRefresh?: () => void
   onItemSeen?: (item: ItemT) => void
   containWeb?: boolean
+  sideBorders?: boolean
 }
 export type ListRef = React.MutableRefObject<FlatList_INTERNAL | null>
 
diff --git a/src/view/com/util/List.web.tsx b/src/view/com/util/List.web.tsx
index b6ecf02e..a64f7acf 100644
--- a/src/view/com/util/List.web.tsx
+++ b/src/view/com/util/List.web.tsx
@@ -23,6 +23,7 @@ export type ListProps<ItemT> = Omit<
   onItemSeen?: (item: ItemT) => void
   desktopFixedHeight: any // TODO: Better types.
   containWeb?: boolean
+  sideBorders?: boolean
 }
 export type ListRef = React.MutableRefObject<any | null> // TODO: Better types.
 
@@ -53,6 +54,7 @@ function ListImpl<ItemT>(
     renderItem,
     extraData,
     style,
+    sideBorders = true,
     ...props
   }: ListProps<ItemT>,
   ref: React.Ref<ListMethods>,
@@ -308,7 +310,7 @@ function ListImpl<ItemT>(
       <View
         ref={containerRef}
         style={[
-          !isMobile && styles.sideBorders,
+          !isMobile && sideBorders && styles.sideBorders,
           contentContainerStyle,
           desktopFixedHeight ? styles.minHeightViewport : null,
           pal.border,