Visual changes.

wantedbear007 · Jun 7, 2022 · 76954e0 · 76954e0
1 parent 2894858
commit 76954e0
Show file tree

Hide file tree

Showing 18 changed files with 61 additions and 271 deletions.
diff --git a/assets/Icons/352561_navigate_next_icon.svg b/assets/Icons/352561_navigate_next_icon.svg
diff --git a/assets/Icons/back-svgrepo-com.svg b/assets/Icons/back-svgrepo-com.svg
diff --git a/assets/Icons/bg4.svg b/assets/Icons/bg4.svg
diff --git a/assets/Icons/bulb-svgrepo-com.svg b/assets/Icons/bulb-svgrepo-com.svg
diff --git a/assets/Icons/chevron-right.svg b/assets/Icons/chevron-right.svg
diff --git a/assets/Icons/compass-svgrepo-com.svg b/assets/Icons/compass-svgrepo-com.svg
diff --git a/assets/Icons/compassIco.svg b/assets/Icons/compassIco.svg
diff --git a/assets/Icons/github-svgrepo-com (1).svg b/assets/Icons/github-svgrepo-com (1).svg
diff --git a/assets/Icons/home.svg b/assets/Icons/home.svg
diff --git a/assets/Icons/moon.svg b/assets/Icons/moon.svg
diff --git a/assets/Icons/moonIcon.svg b/assets/Icons/moonIcon.svg
diff --git a/assets/Icons/next-svgrepo-com.svg b/assets/Icons/next-svgrepo-com.svg
diff --git a/assets/Icons/shareButton.svg b/assets/Icons/shareButton.svg
diff --git a/assets/Icons/sunButton.svg b/assets/Icons/sunButton.svg
diff --git a/assets/Icons/telegram-svgrepo-com.svg b/assets/Icons/telegram-svgrepo-com.svg
diff --git a/screens/Explore.js b/screens/Explore.js
@@ -24,7 +24,7 @@ const Explore = ({navigation}) => {
   const [cryptoPrice, setCryptoPrices] = useState([]);
   const [imageData, setImageData] = useState([]);
   const [affirmation, setAffirmation] = useState('');
-  const [quote, setQuote] = useState({});
+  const [quote, setQuote] = useState({qte: "Loading...", author: ""});
   const [jokes, setJokes] = useState([]);
   const [userName, setUserName] = useState('😀');
 

diff --git a/screens/InfoPage.js b/screens/InfoPage.js
@@ -8,12 +8,14 @@ import {
   KeyboardAvoidingView,
   TouchableOpacity,
   ToastAndroid,
+  ImageBackground,
 } from 'react-native';
 import Theme from '../assets/UI/Theme';
 import IconRender from '../components/UI/IconRender';
 import Icons from '../assets/UI/Icons';
 import Card from '../components/UI/Card';
 import AsyncStorage from '@react-native-community/async-storage';
+import SunButton from '../assets/Icons/bg4.svg';
 
 const InfoPage = ({navigation}) => {
   const [text, onChangeText] = React.useState('');
@@ -41,42 +43,52 @@ const InfoPage = ({navigation}) => {
 
   return (
     <Card>
-      <View style={[styles.parentContainer]}>
-        <View />
-        <KeyboardAvoidingView>
-          <Image
-            source={require('../assets/Images/appLogo.png')}
-            style={styles.img}
-          />
-          <Text style={[styles.title, {color: colors.text}]}>
-            Eternity News
-          </Text>
-          <Text style={[styles.slogan, {color: colors.disabledText}]}>
-            News and more.
-          </Text>
-          <TextInput
-            style={[styles.input, {color: colors.text}]}
-            onChangeText={onChangeText}
-            value={text}
-            placeholder={'Enter your name'}
-            autoCapitalize="words"
-            multiline={false}
-            placeholderTextColor={colors.disabledText}
-            underlineColorAndroid={colors.text}
-          />
-          {/* <View style={{backgroundColor: 'blue', }}> */}
-        </KeyboardAvoidingView>
-        <View style={{alignItems: 'center'}}>
-          <TouchableOpacity
-            onPress={buttonHandler}
-            activeOpacity={0.4}
-            style={[styles.btn, {backgroundColor: colors.accent}]}>
-            <IconRender opacity={true} icon={staticNextButton} />
-          </TouchableOpacity>
+
+        <SunButton
+          style={{
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 16,
+            bottom: 0,
+            flex: 1
+          }}
+        />
+        <View style={[styles.parentContainer]}>
+          <View />
+          <KeyboardAvoidingView>
+            <Image
+              source={require('../assets/Images/appLogo.png')}
+              style={styles.img}
+            />
+            <Text style={[styles.title, {color: colors.text}]}>
+              Welcome to Eternity News !
+            </Text>
+            <Text style={[styles.slogan, {color: colors.disabledText}]}>
+              Better informed briefly.
+            </Text>
+            <TextInput
+              style={[styles.input, {color: colors.text}]}
+              onChangeText={onChangeText}
+              value={text}
+              placeholder={'Enter your name'}
+              autoCapitalize="words"
+              multiline={false}
+              placeholderTextColor={colors.disabledText}
+              underlineColorAndroid={colors.disabledText}
+            />
+          </KeyboardAvoidingView>
+          <View style={{alignItems: 'center'}}>
+            <TouchableOpacity
+              onPress={buttonHandler}
+              activeOpacity={0.4}
+              style={[styles.btn, {backgroundColor: colors.accent}]}>
+              <IconRender onPress={buttonHandler} opacity={true} icon={staticNextButton} />
+            </TouchableOpacity>
+          </View>
         </View>
-      </View>
-      {/* </View> */}
-    </Card>
+      {/* </ImageBackground> */}
+     </Card>
   );
 };
 const styles = StyleSheet.create({
@@ -87,24 +99,27 @@ const styles = StyleSheet.create({
   },
   img: {
     // width: '20%'
-    marginLeft: 10,
+    marginLeft: 15,
   },
   title: {
     fontSize: 35,
-    letterSpacing: 1,
-    marginLeft: 10,
+    // letterSpacing: 1,
+    marginLeft: 20,
     marginTop: 5,
   },
   slogan: {
-    marginLeft: 13,
+    marginLeft: 22,
     fontSize: 13,
+    // letterSpacing: 1,
   },
   input: {
-    width: '80%',
+    width: '90%',
     marginLeft: 10,
     fontSize: 20,
     paddingHorizontal: 10,
-    paddingVertical: 20,
+    // paddingVertical: 20,
+    marginTop: 20,
+    paddingBottom: 20,
   },
   btn: {
     // flex: 2,