refactor: remove unneeded View from user repos screen

ZahraTee · ZahraTee · commit 72e31fbeae4f · 2018-01-01T19:28:20.000Z
diff --git 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, View, Dimensions } from 'react-native';
+import { FlatList, Dimensions } from 'react-native';
 
 import {
   ViewContainer,
@@ -129,48 +129,46 @@ class RepositoryList extends Component {
 
     return (
       <ViewContainer>
-        <View>
-          <Header>
-            <SearchBarWrapper>
-              <SearchContainer>
-                <SearchBar
-                  textColor={colors.primaryDark}
-                  textFieldBackgroundColor={colors.greyLight}
-                  showsCancelButton={searchFocus}
-                  onFocus={() => this.setState({ searchFocus: true })}
-                  onCancelButtonPress={() =>
-                    this.setState({ searchStart: false, query: '' })}
-                  onSearchButtonPress={query => {
-                    this.search(query);
-                  }}
-                  hideBackground
-                />
-              </SearchContainer>
-            </SearchBarWrapper>
-          </Header>
-
-          {loading &&
-            [...Array(searchStart ? repoCount : 10)].map(
-              (item, index) => <LoadingRepositoryListItem key={index} /> // eslint-disable-line react/no-array-index-key
-            )}
-
-          {!loading && (
-            <ListContainer>
-              <FlatList
-                removeClippedSubviews={false}
-                data={this.getList()}
-                keyExtractor={this.keyExtractor}
-                renderItem={({ item }) => (
-                  <RepositoryListItem
-                    repository={item}
-                    showFullName={authUser.login !== item.owner.login}
-                    navigation={navigation}
-                  />
-                )}
+        <Header>
+          <SearchBarWrapper>
+            <SearchContainer>
+              <SearchBar
+                textColor={colors.primaryDark}
+                textFieldBackgroundColor={colors.greyLight}
+                showsCancelButton={searchFocus}
+                onFocus={() => this.setState({ searchFocus: true })}
+                onCancelButtonPress={() =>
+                  this.setState({ searchStart: false, query: '' })}
+                onSearchButtonPress={query => {
+                  this.search(query);
+                }}
+                hideBackground
               />
-            </ListContainer>
+            </SearchContainer>
+          </SearchBarWrapper>
+        </Header>
+
+        {loading &&
+          [...Array(searchStart ? repoCount : 10)].map(
+            (item, index) => <LoadingRepositoryListItem key={index} /> // eslint-disable-line react/no-array-index-key
           )}
-        </View>
+
+        {!loading && (
+          <ListContainer>
+            <FlatList
+              removeClippedSubviews={false}
+              data={this.getList()}
+              keyExtractor={this.keyExtractor}
+              renderItem={({ item }) => (
+                <RepositoryListItem
+                  repository={item}
+                  showFullName={authUser.login !== item.owner.login}
+                  navigation={navigation}
+                />
+              )}
+            />
+          </ListContainer>
+        )}
       </ViewContainer>
     );
   }
