Added icons and final build.

android/app/build.gradle

@@ -317,3 +317,4 @@ def isNewArchitectureEnabled() {
     // - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true`
     return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true"
 }
+

android/app/src/main/res/values/strings.xml

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">eternityNews</string>
+    <string name="app_name">Eternity News</string>
 </resources>

android/build.gradle

@@ -51,3 +51,7 @@ allprojects {
         maven { url 'https://www.jitpack.io' }
     }
 }
+  project.ext.react = [
+      entryFile: "index.js",
+      enableHermes: true
+  ]

components/Explore/CryptoSection.js

@@ -1,7 +1,5 @@
 import React from 'react';
 import {View, Text, StyleSheet, Image} from 'react-native';
-// import CryptoPrices from '../../services/CryptoPrices';
-import colors from '../../assets/UI/colors';
 
 const CryptoSection = ({cryptoPrice}) => {
   return (
@@ -66,16 +64,16 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   name: {
-    color: colors.white,
+    color: '#fff',
     fontWeight: '500',
     fontSize: 10,
   },
   price: {
-    color: colors.white,
+    color: '#fff',
     fontSize: 13,
   },
   percentage: {
-    color: colors.text,
+    color: '#000',
     fontSize: 10,
     fontWeight: '600',
   },

components/Home/DailyRead.js

@@ -16,20 +16,16 @@ const DailyRead = ({navigation, colors}) => {
     try {
       const jsonVal = JSON.stringify(val);
       await AsyncStorage.setItem('newsData', jsonVal);
-    } catch (e) {
-      console.log(e);
-    }
+    } catch (e) {}
   };
 
   const getStoredData = async () => {
     try {
       const fetchedNewsData = await AsyncStorage.getItem('newsData');
       const fetchedJSON = JSON.parse(fetchedNewsData);
       setNews(fetchedJSON);
-      setLoading(false)
-    } catch (e) {
-      console.log(e);
-    }
+      setLoading(false);
+    } catch (e) {}
   };
 
   useEffect(() => {
@@ -44,9 +40,7 @@ const DailyRead = ({navigation, colors}) => {
           storeData(response.data.articles);
           setLoading(false);
         });
-    } catch (error) {
-      console.log(error);
-    }
+    } catch (error) {}
   }, [newsQuantity]);
 
   const renderItems = ({item}) => {
@@ -59,7 +53,6 @@ const DailyRead = ({navigation, colors}) => {
     }
   };
 
-
   // Infinite Scrolling
   const infiniteScrolling = () => {
     if (newsQuantity >= 250) {

components/Home/TopHeader.js

@@ -14,7 +14,8 @@ const TopHeader = ({colors, icons}) => {
       <View style={styles.textContainer}>
         <Text style={[styles.title, {color: colors.text}]}>Discover</Text>
         <Text style={[styles.slogan, {color: colors.accent}]}>
-          Read the World Today!
+          {/* Read the World Today! */}
+          Better informed briefly.
         </Text>
       </View>
       <TouchableOpacity onPress={themeButtonHandler}>
@@ -23,12 +24,7 @@ const TopHeader = ({colors, icons}) => {
         ) : (
           <IconRender icon={moonIcon} onPress={themeButtonHandler} />
         )}
-        {/* <Ionicons
-          name={!darkTheme ? 'moon' : 'sunny'}
-          size={24}
-          color={colors.text}
-          style={{marginRight: 10}}
-        /> */}
+
       </TouchableOpacity>
     </View>
   );
@@ -44,12 +40,12 @@ const styles = StyleSheet.create({
   },
 
   title: {
-    fontSize: 30,
+    fontSize: 33,
     fontWeight: '800',
   },
   slogan: {
     marginBottom: 7,
-    fontSize: 10,
+    fontSize: 11,
   },
 });
 

components/Home/TrendingNews.js

@@ -16,7 +16,7 @@ const TrendingNews = ({colors, navigation}) => {
       const jsonVal = JSON.stringify(val);
       await AsyncStorage.setItem('trendingNews', jsonVal);
     } catch (e) {
-      console.log(e);
+
     }
   };
 
@@ -27,7 +27,7 @@ const TrendingNews = ({colors, navigation}) => {
       setLoading(false);
       setNews(fetchedJSON);
     } catch (e) {
-      console.log(e);
+
     }
   };
 

context/Context.js

@@ -5,7 +5,7 @@ import { Appearance } from 'react-native';
 const Context = createContext();
 
 export function ContextContainer({children}) {
-  const [darkTheme, setDarkTheme] = useState(false);
+  const [darkTheme, setDarkTheme] = useState(true);
   const systemTheme = Appearance.getColorScheme()
   useEffect(() => {
     const getData = async () => {
@@ -15,7 +15,7 @@ export function ContextContainer({children}) {
           setDarkTheme(true);
         }
       } catch (e) {
-        console.log(e);
+
       }
     };
 
@@ -28,7 +28,7 @@ export function ContextContainer({children}) {
         const jsonVal = JSON.stringify(darkTheme);
         await AsyncStorage.setItem('theme', jsonVal);
       } catch (e) {
-        console.log(e);
+
       }
     };
 

screens/Explore.js

@@ -36,7 +36,7 @@ const Explore = ({navigation}) => {
       const fetchedNewsData = await AsyncStorage.getItem('username');
       setUserName(fetchedNewsData);
     } catch (e) {
-      console.log(e);
+
     }
   };
 
@@ -50,7 +50,7 @@ const Explore = ({navigation}) => {
         response.json().then(response => setNasaData(response)),
       );
     } catch (err) {
-      console.log(err);
+
     }
     // IMAGE REQUEST
     const url = 'https://picsum.photos/v2/list?page=' + pageNumber + '&limit=5';
@@ -59,7 +59,7 @@ const Explore = ({navigation}) => {
         .then(response => response.json())
         .then(data => setImageData(data));
     } catch (err) {
-      console.log(err);
+
     }
 
     // AFFIRMATION REQUEST
@@ -68,7 +68,7 @@ const Explore = ({navigation}) => {
         .then(response => response.json())
         .then(data => setAffirmation(data.affirmation));
     } catch (error) {
-      console.log(err);
+
     }
 
     // CRYPTO REQUEST
@@ -79,7 +79,7 @@ const Explore = ({navigation}) => {
         response.json().then(response => setCryptoPrices(response)),
       );
     } catch (error) {
-      console.log(err);
+
     }
     GetQuotes();
     GetJokes();
@@ -94,7 +94,7 @@ const Explore = ({navigation}) => {
           setQuote({qte: data.content, author: data.author});
         });
     } catch (err) {
-      console.log(err);
+
     }
   };
 
@@ -162,7 +162,6 @@ const Explore = ({navigation}) => {
           {Greeting} {userName} !
         </Text>
         {loading ? <SkeletonExplore /> : <RenderContent />}
-        {/* <RenderContent /> */}
       </ScrollView>
     </Card>
   );
@@ -182,7 +181,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   headingText: {
-    fontSize: 25,
+    fontSize: 31,
     marginLeft: 5,
     fontWeight: '800',
   },
@@ -191,7 +190,8 @@ const styles = StyleSheet.create({
     marginLeft: 23,
     paddingTop: 20,
     textAlign: 'center',
-    letterSpacing: 1.5,
+    letterSpacing: 1.2,
+    fontStyle: 'italic'
   },
   divider: {
     borderWidth: 1,

screens/InfoPage.js

@@ -27,7 +27,7 @@ const InfoPage = ({navigation}) => {
       const jsonVal = JSON.stringify(txt);
       await AsyncStorage.setItem('username', jsonVal);
     } catch (e) {
-      console.log(e);
+
     }
   };
 

screens/LoadingPage.js

@@ -15,9 +15,7 @@ const LoadingPage = ({navigation}) => {
       } else {
         navigation.replace('InfoPage');
       }
-    } catch (e) {
-      console.log(e);
-    }
+    } catch (e) {}
   };
 
   React.useEffect(() => {
@@ -26,8 +24,16 @@ const LoadingPage = ({navigation}) => {
 
   return (
     <Card>
-      <View style={{alignItems: 'center', justifyContent: 'center', flex: 1, backgroundColor: colors.text}}>
-        <Text style={{fontSize: 30, color: colors.background}}>Eternity News</Text>
+      <View
+        style={{
+          alignItems: 'center',
+          justifyContent: 'center',
+          flex: 1,
+          backgroundColor: colors.background,
+        }}>
+        <Text style={{fontSize: 30, color: colors.text}}>
+          Eternity News
+        </Text>
       </View>
     </Card>
   );