import React from 'react-native';
import { getProjectRecentBuilds } from '../../api/CircleCI';
import loaderHandler from 'react-native-busy-indicator/LoaderHandler';
// import BuildList from '../builds/BuildList';
import GlobalStyles from '../../settings/styles';


const {
  StyleSheet,
  View,
  BackAndroid,
  Text
} = React;

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: GlobalStyles.get('CIRCLE_BG')
  },
  title: {
    fontSize: GlobalStyles.get('TITLE_FONT_SIZE'),
    textAlign: 'center'
  },
  statusHeading: {
    fontSize: 18,
    textAlign: 'center'
  }
});

export default class ProjectDetails extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      project: props.currentRoute.props.project
    };
  }
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>{this.state.project.reponame}</Text>
        <Text style={styles.statusHeading}>Status: </Text>
      </View>
    );
  }
};