<commit_before>import React from 'react';
import { StyleSheet, Text, View, Button, FlatList, Linking, ScrollView } from 'react-native';
import BasicText from './sub/basicText.js';
import { StackNavigator } from 'react-navigation';
import { translatedText, translatedTitle } from '../routes/shared.js';
import { support } from '../content/support.js';
import { globals } from '../styles/globals.js';

export default class SupportScreen extends React.Component {
  static navigationOptions = {
    title: translatedTitle(support, 0)
  };
  get content() {
    var contentArr = [];
    // var canCall = Linking.canOpenURL(support[1].number) ? true : false;
    for (let i = 1; i < support.length; i++) {
        var name = support[i].name;
        var number = support[i].number;
        var tel = 'tel:' + support[i].number;
        contentArr.push({key: name, text: number, tel: tel });
    }
    return contentArr;
  }
  render() {
    return (
      <ScrollView style={[globals.base, globals.green]}>
      <FlatList
        data={this.content}
        renderItem={
          ({item}) =>
            <View>
              <BasicText key={item.key}>
                {item.key}
              </BasicText>
              <BasicText>
                {item.text}
              </BasicText>
              <Button title={'call ' + item.key} onPress={() => Linking.openURL(item.tel)}>
              </Button>
            </View>
          }
      />

      </ScrollView>
    );
  }
};
<commit_msg>style for the support page header<commit_after>import React from 'react';
import { StyleSheet, Text, View, Button, FlatList, Linking, ScrollView } from 'react-native';
import BasicText from './sub/basicText.js';
import { StackNavigator } from 'react-navigation';
import { translatedText, translatedTitle } from '../routes/shared.js';
import { support } from '../content/support.js';
import { globals } from '../styles/globals.js';
import { prefs } from '../routes/prefs.js';

export default class SupportScreen extends React.Component {
  static navigationOptions = {
    title: translatedTitle(support, 0),
    headerTransparent: true,
    headerStyle: {
      backgroundColor: '#F69731'
    },
    headerTintColor: '#FFF'
  };
  get content() {
    var contentArr = [];
    // var canCall = Linking.canOpenURL(support[1].number) ? true : false;
    for (let i = 1; i < support.length; i++) {
        var name = support[i].name;
        var number = support[i].number;
        var tel = 'tel:' + support[i].number;
        contentArr.push({key: name, text: number, tel: tel });
    }
    return contentArr;
  }
  render() {
    return (
      <ScrollView style={[globals.base, globals.green]}>
      <FlatList
        data={this.content}
        renderItem={
          ({item}) =>
            <View>
              <BasicText key={item.key}>
                {item.key}
              </BasicText>
              <BasicText>
                {item.text}
              </BasicText>
              <Button title={'call ' + item.key} onPress={() => Linking.openURL(item.tel)}>
              </Button>
            </View>
          }
      />

      </ScrollView>
    );
  }
};

{'fraction_non_alphanumeric': 0.14729173265758633, 'fraction_numerical': 0.003484320557491289, 'mean_word_length': 2.18989898989899, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 29, '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': '3702848', 'n_tokens_mistral': 938, 'n_tokens_neox': 922, 'n_words': 226}