rn: add DialInSummary

react/features/base/react/components/native/NavigateSectionListItem.js

@@ -5,12 +5,11 @@ import Swipeout from 'react-native-swipeout';
 
 import { ColorPalette } from '../../../styles';
 
-import Container from './Container';
-import Text from './Text';
-import styles from './styles';
 import type { Item } from '../../Types';
 
 import AvatarListItem from './AvatarListItem';
+import Text from './Text';
+import styles from './styles';
 
 type Props = {
 
@@ -93,24 +92,6 @@ export default class NavigateSectionListItem extends Component<Props> {
         return lines && lines.length ? lines.map(this._renderItemLine) : null;
     }
 
-    /**
-     * Renders the secondary action label.
-     *
-     * @private
-     * @returns {React$Node}
-     */
-    _renderSecondaryAction() {
-        const { secondaryAction } = this.props;
-
-        return (
-            <Container
-                onClick = { secondaryAction }
-                style = { styles.secondaryActionContainer }>
-                <Text style = { styles.secondaryActionLabel }>+</Text>
-            </Container>
-        );
-    }
-
     /**
      * Renders the content of this component.
      *
@@ -138,14 +119,12 @@ export default class NavigateSectionListItem extends Component<Props> {
 
         return (
             <Swipeout
+                autoClose = { true }
                 backgroundColor = { ColorPalette.transparent }
                 right = { right }>
                 <AvatarListItem
                     item = { item }
-                    onPress = { this.props.onPress }>
-                    { this.props.secondaryAction
-                        && this._renderSecondaryAction() }
-                </AvatarListItem>
+                    onPress = { this.props.onPress } />
             </Swipeout>
         );
     }

react/features/base/react/components/native/styles.js

@@ -4,7 +4,6 @@ import { BoxModel, ColorPalette, createStyleSheet } from '../../../styles';
 
 const AVATAR_OPACITY = 0.4;
 const OVERLAY_FONT_COLOR = 'rgba(255, 255, 255, 0.6)';
-const SECONDARY_ACTION_BUTTON_SIZE = 30;
 
 export const AVATAR_SIZE = 65;
 export const UNDERLAY_COLOR = 'rgba(255, 255, 255, 0.2)';
@@ -218,21 +217,6 @@ const SECTION_LIST_STYLES = {
         color: OVERLAY_FONT_COLOR
     },
 
-    secondaryActionContainer: {
-        alignItems: 'center',
-        backgroundColor: ColorPalette.blue,
-        borderRadius: 3,
-        height: SECONDARY_ACTION_BUTTON_SIZE,
-        justifyContent: 'center',
-        margin: BoxModel.margin * 0.5,
-        marginRight: BoxModel.margin,
-        width: SECONDARY_ACTION_BUTTON_SIZE
-    },
-
-    secondaryActionLabel: {
-        color: ColorPalette.white
-    },
-
     touchableView: {
         flexDirection: 'row'
     }