diff --git a/src/user/screens/repository-list.screen.js b/src/user/screens/repository-list.screen.js index 47fee9202..78c0ed3c5 100644 --- a/src/user/screens/repository-list.screen.js +++ b/src/user/screens/repository-list.screen.js @@ -3,7 +3,7 @@ import React, { Component } from 'react'; import styled from 'styled-components/native'; import { connect } from 'react-redux'; import { bindActionCreators } from 'redux'; -import { FlatList, Dimensions } from 'react-native'; +import { View, FlatList, Dimensions } from 'react-native'; import { ViewContainer, @@ -129,46 +129,48 @@ class RepositoryList extends Component { return ( -
- - - this.setState({ searchFocus: true })} - onCancelButtonPress={() => - this.setState({ searchStart: false, query: '' })} - onSearchButtonPress={query => { - this.search(query); - }} - hideBackground + +
+ + + this.setState({ searchFocus: true })} + onCancelButtonPress={() => + this.setState({ searchStart: false, query: '' })} + onSearchButtonPress={query => { + this.search(query); + }} + hideBackground + /> + + +
+ + {loading && + [...Array(searchStart ? repoCount : 10)].map( + (item, index) => // eslint-disable-line react/no-array-index-key + )} + + {!loading && ( + + ( + + )} /> -
-
-
- - {loading && - [...Array(searchStart ? repoCount : 10)].map( - (item, index) => // eslint-disable-line react/no-array-index-key + )} - - {!loading && ( - - ( - - )} - /> - - )} +
); }