<commit_before>import React, { Component } from 'react';
import { StyleSheet, ActivityIndicator } from 'react-native';
import { ListItem } from 'react-native-elements';
import Parse from 'parse-diff';
import moment from 'moment/min/moment-with-locales.min';
import styled from 'styled-components/native';

import {
  StateBadge,
  MembersList,
  InlineLabel,
  DiffBlocks,
  Button,
} from 'components';
import { translate } from 'utils';
import { colors, fonts, normalize } from 'config';
import { v3 } from 'api';

const styles = StyleSheet.create({
  badge: {
    alignItems: 'flex-end',
    justifyContent: 'center',
  },
});

const HeaderContainer = styled.View`
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-right: 10;
`;

const ContainerBorderBottom = styled.View`
  border-bottom-width: 1;
  border-bottom-color: ${colors.greyLight};
`;

const RepoLink = styled(ListItem).attrs({
  titleStyle: {
    color: colors.primaryDark,
    ...fonts.fontPrimarySemiBold,
    fontSize: normalize(10),
  },
  leftIconContainerStyle: {
    flex: 0,
  },
  containerStyle: {
    borderBottomColor: colors.greyLight,
    borderBottomWidth: 1,
  },
})``;

const IssueTitle = styled(ListItem).attrs({
  titleStyle: {
    color: colors.primaryDark,
    ...fonts.fontPrimarySemiBold,
  },
  containerStyle: {
    borderBottomWidth: 0,
    flex: 1,
  },
  titleNumberOfLines: 0,
})``;

const DiffBlocksContainer = styled.View`
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10;
  padding-bottom: 10;
`;

const LabelButtonGroup = styled.View`
  flex-flow: row wrap;
  margin-left: 54;
  padding-bottom: 15;
`;

const AssigneesSection = styled.View`
  margin-left: 54;
  padding-bottom: 5;
`;

const MergeButtonContainer = styled.View`
  flex: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 15;
  padding-bottom: 15;
`;

export class IssueDescription extends Component {
  props: {
    issue: Object,
    diff: string,
    isMergeable: boolean,
    isMerged: boolean,
    isPendingDiff: boolean,
    isPendingCheckMerge: boolean,
    onRepositoryPress: Function,
    userHasPushPermission: boolean,
    locale: string,
    navigation: Object,
  };

  renderLabelButtons = labels => {
    return labels
      .slice(0, 3)
      .map(label => <InlineLabel key={label.id} label={label} />);
  };
<commit_msg>fix: remove containers styles that confuses the button (#656)<commit_after>import React, { Component } from 'react';
import { StyleSheet, ActivityIndicator } from 'react-native';
import { ListItem } from 'react-native-elements';
import Parse from 'parse-diff';
import moment from 'moment/min/moment-with-locales.min';
import styled from 'styled-components/native';

import {
  StateBadge,
  MembersList,
  InlineLabel,
  DiffBlocks,
  Button,
} from 'components';
import { translate } from 'utils';
import { colors, fonts, normalize } from 'config';
import { v3 } from 'api';

const styles = StyleSheet.create({
  badge: {
    alignItems: 'flex-end',
    justifyContent: 'center',
  },
});

const HeaderContainer = styled.View`
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-right: 10;
`;

const ContainerBorderBottom = styled.View`
  border-bottom-width: 1;
  border-bottom-color: ${colors.greyLight};
`;

const RepoLink = styled(ListItem).attrs({
  titleStyle: {
    color: colors.primaryDark,
    ...fonts.fontPrimarySemiBold,
    fontSize: normalize(10),
  },
  leftIconContainerStyle: {
    flex: 0,
  },
  containerStyle: {
    borderBottomColor: colors.greyLight,
    borderBottomWidth: 1,
  },
})``;

const IssueTitle = styled(ListItem).attrs({
  titleStyle: {
    color: colors.primaryDark,
    ...fonts.fontPrimarySemiBold,
  },
  containerStyle: {
    borderBottomWidth: 0,
    flex: 1,
  },
  titleNumberOfLines: 0,
})``;

const DiffBlocksContainer = styled.View`
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10;
  padding-bottom: 10;
`;

const LabelButtonGroup = styled.View`
  flex-flow: row wrap;
  margin-left: 54;
  padding-bottom: 15;
`;

const AssigneesSection = styled.View`
  margin-left: 54;
  padding-bottom: 5;
`;

const MergeButtonContainer = styled.View`
  justify-content: center;
  align-items: center;
  padding-top: 15;
  padding-bottom: 15;
`;

export class IssueDescription extends Component {
  props: {
    issue: Object,
    diff: string,
    isMergeable: boolean,
    isMerged: boolean,
    isPendingDiff: boolean,
    isPendingCheckMerge: boolean,
    onRepositoryPress: Function,
    userHasPushPermission: boolean,
    locale: string,
    navigation: Object,
  };

  renderLabelButtons = labels => {
    return labels
      .slice(0, 3)
      .map(label => <InlineLabel key={label.id} label={label} />);
  };

{'fraction_non_alphanumeric': 0.12974422442244224, 'fraction_numerical': 0.012376237623762377, 'mean_word_length': 3.810515873015873, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1206565', 'n_tokens_mistral': 1635, 'n_tokens_neox': 1583, 'n_words': 376}