text: import React, { Component } from "react";
  import { StyleSheet, Image, Text, ScrollView, TouchableOpacity } from "react-native";
  import Icon from 'react-native-vector-icons/FontAwesome';
  
  import LogoIcon from "../../assets/images/backgroundLoginV1.png";
  import { installed_blueprints } from "../../config/installed_blueprints";
  import { styles } from './styles'
  
  export default class App extends Component {
  
    static navigationOptions = {
      title: 'Installed blueprints',
      
    };
  
    renderItems() {
      const {
        navigation: {navigate},
      } = this.props;
  
      return installed_blueprints.map(item => {
        if (item.hasOwnProperty('access_route')) {
          return (
            <TouchableOpacity
              onPress={_ => navigate(item.access_route)}
              style={styles.item}
              key={`${item.name}--blueprint-button`}>
              <Icon
                style={styles.itemLogo}
                name={item.icon_name ? item.icon_name : 'pencil-square-o'}
                size={40}
                color="#F88087"
              />
              <Text style={styles.itemFont}>{item.human_name}</Text>
            </TouchableOpacity>
          );
        }
      });
    }
  
    render() {
      return (
        <ScrollView contentContainerStyle={styles.itemsContainer}>
          {this.renderItems()}
        </ScrollView>
      );
    }
  }