trying to debug the overflow rows of avatars (#1017)

textileio · Apr 5, 2019 · e8afa34 · e8afa34
1 parent 342ceb1
commit e8afa34
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/App/Components/Avatar.tsx b/App/Components/Avatar.tsx
@@ -133,7 +133,8 @@ class Avatar extends React.Component<Props, State> {
           style={{
             minHeight: height,
             minWidth: width,
-            alignSelf: 'center'
+            alignSelf: 'center',
+            backgroundColor: 'transparent'
           }}
           source={{
             uri: `${Config.RN_TEXTILE_CAFE_GATEWAY_URL}/ipfs/${target}/0/small/d`,
@@ -146,7 +147,8 @@ class Avatar extends React.Component<Props, State> {
               style={{
                 minHeight: height,
                 minWidth: width,
-                alignSelf: 'center'
+                alignSelf: 'center',
+                backgroundColor: 'transparent'
               }}
               target={`${target}/0/${file}/d`}
               ipfs={true}

diff --git a/App/Containers/Groups.tsx b/App/Containers/Groups.tsx
@@ -278,7 +278,8 @@ const mapStateToProps = (state: RootState): StateProps => {
       name: thread.name,
       // total number of images in the thread
       size: thread.photos.length,
-      members,
+      // required to ensure up to date index
+      members: Object.assign([], members),
       thumb
     }
   })