restructured screens

src/App.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import {NavigationContainer} from '@react-navigation/native';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
-import HomeScreen from './components/HomeScreen';
-import SearchScreen from './components/SearchScreen';
+import HomeScreen from './screens/HomeScreen';
+import SearchScreen from './screens/SearchScreen';
 import RedSkull from 'redskulljs';
 
 const API = new RedSkull();

src/components/HomeScreen.js → src/screens/HomeScreen.js

@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from 'react';
 import {StyleSheet, View, Text} from 'react-native';
-import SearchBar from './SearchBar';
-import TrendingBar from './TrendingBar';
+import SearchBar from '../components/SearchBar';
+import TrendingBar from '../components/TrendingBar';
 import LinearGradient from 'react-native-linear-gradient';
 
 const styles = StyleSheet.create({
@@ -77,7 +77,7 @@ const HomeScreen = props => {
           </Text>
           <Text style={styles.metadata}>
             {activeElement.title
-              ? `\t${String(activeElement.type).toUpperCase()} \t|\t ${
+              ? `${String(activeElement.type).toUpperCase()} \t|\t ${
                   activeElement.quality
                 }\t`
               : ''}

src/components/SearchScreen.js → src/screens/SearchScreen.js

@@ -1,6 +1,6 @@
 import React, {useState, useEffect} from 'react';
 import {StyleSheet, View, Text} from 'react-native';
-import SearchResults from './SearchResults';
+import SearchResults from '../components/SearchResults';
 import LinearGradient from 'react-native-linear-gradient';
 
 const styles = StyleSheet.create({