update: gamification model

screen/gamification.js

@@ -2,7 +2,7 @@
 // https://aboutreact.com/react-native-login-and-signup/
 
 // Import React and Component
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import {
   StyleSheet,
   View,
@@ -21,7 +21,28 @@ import axios from "axios";
 
 export function gamification({ navigation }) {
   // const [title, setTitle] = useState();
+  const [earn, setEarn] = useState("");
 
+  const fetchData = async () => {
+    // const resp = await fetch("http://192.168.8.126:5000/getDetails", {method:"POST"});
+
+    axios({
+      method: "GET",
+      url: "http://192.168.8.126:5000/getVal/<id>",
+    })
+      .then(function (response) {
+          console.log(response.data.message);
+        // data = response.data
+        setEarn(response.data.message);
+      })
+      .catch(function (error) {
+        console.log("axios error" + error);
+      });
+  };
+
+  useEffect(() => {
+    fetchData();
+  },[]);
   // const handlecarrot = () => {
   //   setTitle({title: "carrot"});
   //   console.log(title)
@@ -101,9 +122,9 @@ export function gamification({ navigation }) {
                 <TouchableOpacity
                   style={styles.buttonSub}
                   title="carrot"
-                  onPress={(title) =>{
-                    props.setFieldValue('title', "carrot")
-                     props.handleSubmit(title)
+                  onPress={(title) => {
+                    props.setFieldValue("title", "carrot");
+                    props.handleSubmit(title);
                   }}
                   // onPress={handlecarrot}
                 >
@@ -113,9 +134,9 @@ export function gamification({ navigation }) {
                 <TouchableOpacity
                   style={styles.buttonSub}
                   title="tomato"
-                  onPress={(title) =>{
-                    props.setFieldValue('title', "tomato")
-                     props.handleSubmit(title)
+                  onPress={(title) => {
+                    props.setFieldValue("title", "tomato");
+                    props.handleSubmit(title);
                   }}
                 >
                   <Text style={styles.buttonText}>Tomato</Text>
@@ -124,9 +145,9 @@ export function gamification({ navigation }) {
                 <TouchableOpacity
                   style={styles.buttonSub}
                   title="chilli"
-                  onPress={(title) =>{
-                    props.setFieldValue('title', "chilli")
-                     props.handleSubmit(title)
+                  onPress={(title) => {
+                    props.setFieldValue("title", "chilli");
+                    props.handleSubmit(title);
                   }}
                 >
                   <Text style={styles.buttonText}>chilli</Text>
@@ -135,9 +156,9 @@ export function gamification({ navigation }) {
                 <TouchableOpacity
                   style={styles.buttonSub}
                   title="beans"
-                  onPress={(title) =>{
-                    props.setFieldValue('title', "beans")
-                     props.handleSubmit(title)
+                  onPress={(title) => {
+                    props.setFieldValue("title", "beans");
+                    props.handleSubmit(title);
                   }}
                 >
                   <Text style={styles.buttonText}>Beans</Text>
@@ -150,9 +171,13 @@ export function gamification({ navigation }) {
                     marginTop: 10,
                   }}
                 >
-                <FontAwesome name="money" size={50} color="black" />
+                  <FontAwesome name="money" size={50} color="black"  style={{
+                    alignSelf: "center",
+                  }}/>
+                  <Text style={styles.textdata}>TOTAL EARNED $: {earn}</Text>
+                 
                 </View>
-              <Text style={styles.textdata}>TOTAL EARNED $: 1000</Text>
+              
             </View>
           )}
         </Formik>