Merge branch 'IT18125962' into 'master'

src file added

See merge request !5

CRX/src/MainScreen.js

+import React, { useRef,useState, useEffect } from 'react';
+
+
+
+import * as eva from '@eva-design/eva';
+import { ApplicationProvider, IconRegistry, useTheme } from '@ui-kitten/components';
+import { EvaIconsPack } from '@ui-kitten/eva-icons';
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+//import {AppNavigator} from './_Navigation';
+//const { Navigator, Screen } = createStackNavigator();
+import { StyleSheet,Keyboard, SafeAreaView, TouchableWithoutFeedback, Image, useWindowDimensions, View, DrawerLayoutAndroid, ImageBackground, ScrollView, TouchableOpacity, Dimensions } from 'react-native';
+import { IndexPath, Drawer, DrawerItem, BottomNavigation, BottomNavigationTab, Button, Datepicker, Autocomplete, AutocompleteItem, RadioGroup, Radio, Card, CheckBox, Divider, Layout, TopNavigation, Icon, Input, Text, TopNavigationAction } from '@ui-kitten/components';
+import { BallIndicator, BarIndicator, DotIndicator, MaterialIndicator, PacmanIndicator, PulseIndicator, SkypeIndicator, UIActivityIndicator, WaveIndicator,} from 'react-native-indicators';
+// import {storeData, getData} from './_AsyncStorage';
+
+
+
+export const  MainScreen = ({navigation,route}) => {
+    const windowWidth = useWindowDimensions().width;
+    const windowHeight = useWindowDimensions().height;
+    const Uname ='Randima'
+    const [age,setAge] = React.useState(route.params.age);
+    const [gender,setGender] = React.useState(route.params.gender);
+    const [name,setName] = React.useState(route.params.name);
+    
+  return (
+      <Layout style={{backgroundColor:'#f2e5fe',height:windowHeight-20,width:windowWidth,justifyContent:'space-between'}}>
+          
+          <Card  >
+            <View style={{flexDirection:'row',justifyContent:'center',alignItems:'center'}}>
+               
+                <Text category='h5'style={{marginLeft:10,fontWeight:'bold'}}>CoviDoc</Text>
+            </View>
+        </Card>
+           <Card style={{borderRadius:10,backgroundColor:'#787fde',margin:5,height:200}}>
+               <Text category='h1' style={{fontWeight:'bold',color:'#fff'}}>Hello {name}!</Text>
+               <Text category='h5'style={{color:'#fff'}}>Let's Get Start</Text>
+           </Card>
+           <Card onPress={()=>{ console.log('press');navigation.navigate("full",{age: age,gender:gender,name:name,navigation:navigation});}}style={{width:windowWidth-10,height:70,borderRadius:10 ,margin:5,justifyContent:'center',alignItems:'center',backgroundColor:'#8674e3'}}>
+               <Text style={styles.text}>Full Checkup</Text>
+           </Card>
+          <View style={{flexDirection:'row',justifyContent:'space-between',margin:5}}>
+           
+                <View>
+                    <Card onPress={()=>{ console.log('press');navigation.navigate("symptom",{age: age,gender:gender});}} style={{width:windowWidth/2-10,height:100,borderRadius:10,backgroundColor:'#8674e3' }}>
+                        <Text style={styles.text}>Symptom Tracker</Text>
+                    </Card>
+                </View>
+                <TouchableOpacity ></TouchableOpacity>
+                <View>
+                    <Card  onPress={()=>{ console.log('press');navigation.navigate("helth",{age: age,gender:gender});}} style={{width:windowWidth/2-10,height:100 ,borderRadius:10,backgroundColor:'#8674e3'}}>
+                        <Text style={styles.text}>Health History Tracker</Text>
+                    </Card>
+                </View>
+           </View>
+           <View style={{flexDirection:'row',justifyContent:'space-between',margin:5}}>
+                <View>
+                    <Card  onPress={()=>{ console.log('press');navigation.navigate("breathtime",{age: age,gender:gender});}} style={{width:windowWidth/2-10,height:100 ,borderRadius:10,backgroundColor:'#8674e3' }}>
+                        <Text style={styles.text}>Breathing Analysis</Text>
+                    </Card>
+                </View>
+                <View>
+                    <Card onPress={()=>{ console.log('press');navigation.navigate("ctimage",{uid: 1,});}} style={{width:windowWidth/2-10,height:100,borderRadius:10,backgroundColor:'#8674e3' }}>
+                        <Text style={styles.text}>CT Image Analysis</Text>
+                    </Card>
+                </View>
+           </View>
+           <View style={{flexDirection:'row',justifyContent:'center',margin:5}}>
+                <View>
+                    <Card onPress={()=>{ console.log('press');navigation.navigate("xray",{uid: 1,});}} style={{width:windowWidth-10 ,justifyContent:'center',alignItems:'center',height:100 ,borderRadius:10,backgroundColor:'#8674e3'}}>
+                        <Text style={styles.text}>Xray Image Analysis</Text>
+                    </Card>
+                </View>
+                {/* <View>
+                    <Card style={{width:windowWidth/2-10,height:100 ,borderRadius:10,backgroundColor:'#8674e3'}}>
+                        <Text style={styles.text}>Report View</Text>
+                    </Card>
+                </View> */}
+           </View>
+           {/* <Card onPress={()=>{ console.log('press');navigation.navigate("mail",{uid: 1,});}} style={{width:windowWidth-10,height:70,borderRadius:10 ,margin:5,backgroundColor:'#8674e3'}}>
+               <Text style={styles.text}>Doctor Recormendation</Text>
+           </Card> */}
+      </Layout>
+   
+  );
+}
+
+const styles = StyleSheet.create({
+    text: {
+      color: "white",
+      fontWeight:'bold'
+      
+    },
+    icon:{
+        height:20, width:20
+    }
+  });
\ No newline at end of file

CRX/src/SplashScreen.js

+import React, { useState, useEffect } from 'react';
+import { SafeAreaView, Image, useWindowDimensions, View, ImageBackground } from 'react-native';
+import { Button, Layout, Icon, Text, useTheme } from '@ui-kitten/components';
+import { /*BallIndicator, BarIndicator, DotIndicator, */ MaterialIndicator/*, PacmanIndicator, PulseIndicator, SkypeIndicator, UIActivityIndicator, WaveIndicator,*/} from 'react-native-indicators';
+//import {storeData, getData} from './_AsyncStorage';
+//import { app_name, API, API_VERSION, ThemeContext, cipher } from './_Configuration';
+//import CryptoJS from "react-native-crypto-js";
+//unused imports removed
+
+export const SplashScreen = ({ navigation }) => {
+  const windowWidth = useWindowDimensions().width;
+  const windowHeight = useWindowDimensions().height;
+  const [init, setInit] = React.useState(0);
+  
+
+ //navigation.reset({index: 0, routes: [{ name: 'register' }],});
+ useEffect(()=>{
+        // }
+        if(init == 0){
+         
+            console.log('print --');
+                     setInit(2);
+            }
+           
+              setTimeout( ()=>{navigation.reset({index: 0, routes: [{ name: 'results' }], navigation:navigation});},3000);
+
+    }, init);
+   
+
+  return (
+    <SafeAreaView style={{ flex: 1 }}>
+    {/* <ImageBackground source={require('./Images/back5.jpg')} style={{width: windowWidth, height: windowHeight}}> */}
+      <Layout style={{ flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: 'white' }}>
+        {/* <Image source={require('./Images/3.png')} style={{width: windowWidth/2, height: windowHeight/3, resizeMode: 'contain' }}/> */}
+        <View style={{}}><Image style={{width:windowWidth,}} source={require('./Images/logo.png')}/></View>
+        <View style={{height: 50, marginTop:10}}>
+        
+        <MaterialIndicator size={30} color="white"/>
+        {/* <Button onPress={()=>{navigation.reset({index: 0, routes: [{ name: 'results' }], navigation:navigation});}}>Press</Button> */}
+        </View>
+      </Layout>
+    {/* </ImageBackground> */}
+    </SafeAreaView>
+  );
+};

CRX/src/_AsyncStorage.js

+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+export const storeData = async (key, value) => {
+  try {
+    await AsyncStorage.setItem(key, value);
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+export const getData = async (key) => {
+  try {
+    const value = await AsyncStorage.getItem(key);
+      if(value !== null) {
+          return value;
+      }else{
+          return null;
+      }
+  } catch(e) {
+      return null;
+  }
+}

CRX/src/_Configuration.js

+import React from 'react';
+const axios = require('axios').default;
+
+export const app_name = 'CoviDoc';
+export const default_theme = 'light';
+
+ export const API_URL = 'http://7da2-34-105-7-232.ngrok.io/';
+
+export const API = axios.create({
+  baseURL: API_URL,
+  timeout: 10000,
+  headers: {'x-application': 'crx'},
+});
+export const API_URL1 = 'https://cxray.herokuapp.com/';
+
+export const API1 = axios.create({
+  baseURL: API_URL1,
+  timeout: 10000,
+  headers: {'x-application': 'crx'},
+});
+
+export const API_VERSION = 'v3';
+
+export const ThemeContext = React.createContext({
+  theme: 'light',
+  toggleTheme: () => {},
+});

CRX/src/_Navigation.js

+import React from 'react';
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+const { Navigator, Screen } = createStackNavigator();
+import { SplashScreen } from './SplashScreen';
+import { MainScreen } from './MainScreen';
+import { SymptomTracker } from './subScreens/SymptomTracker';
+import  Xray  from './subScreens/Xray';
+import  Mail  from './subScreens/Mail';
+import  CTimage  from './subScreens/CTimage';
+import  XrayResults  from './subScreens/Results';
+import  {HealthTracker}  from './subScreens/HealthTracker';
+import  {Breathtime}  from './subScreens/Breathtime';
+import  {FullCheckUp}  from './subScreens/FullCheckUp';
+import { useEffect } from 'react/cjs/react.production.min';
+import { TextSave } from './subScreens/TextSave';
+const HomeNavigator = () => (
+  <Navigator headerMode='none'>
+  
+    <Screen name='splash' component={SplashScreen}/>
+    <Screen name='main' component={MainScreen}/>
+    <Screen name='symptom' component={SymptomTracker}/>
+    <Screen name='full' component={FullCheckUp}/>
+    <Screen name='breathtime' component={Breathtime}/>
+    <Screen name='helth' component={HealthTracker}/>
+    <Screen name='textsave' component={TextSave}/>
+    <Screen name='xray' component={Xray}/>
+    <Screen name='mail' component={Mail}/>
+    <Screen name='ctimage' component={CTimage}/>
+    <Screen name='results' component={XrayResults}/>
+
+  </Navigator>
+);
+
+// useEffect(()=>{console.log('navigation');});
+
+export const AppNavigator = () => (
+  <NavigationContainer>
+    <HomeNavigator/>
+  </NavigationContainer>
+);

CRX/src/subScreens/FullCheckUp.js

+import React, { useRef,useState, useEffect } from 'react';
+import { app_name, API, API1, API_VERSION, cipher } from '../_Configuration';
+
+import Mailer from 'react-native-mail';
+import * as eva from '@eva-design/eva';
+import { ApplicationProvider, IconRegistry, SelectGroup, useTheme } from '@ui-kitten/components';
+import { EvaIconsPack } from '@ui-kitten/eva-icons';
+import * as ImagePicker from 'react-native-image-picker';
+
+import { StyleSheet,TouchableWithoutFeedback,Keyboard,  TouchableHighlight, Image, useWindowDimensions, View, DrawerLayoutAndroid, ImageBackground, ScrollView, TouchableOpacity, Dimensions } from 'react-native';
+import { Modal, Drawer, DrawerItem, BottomNavigation, BottomNavigationTab, Button, Datepicker, Autocomplete, AutocompleteItem, RadioGroup, Radio, Card, CheckBox, Divider, Layout, TopNavigation, Icon, Input, Text, TopNavigationAction } from '@ui-kitten/components';
+import { BallIndicator, BarIndicator, DotIndicator, MaterialIndicator, PacmanIndicator, PulseIndicator, SkypeIndicator, UIActivityIndicator, WaveIndicator,} from 'react-native-indicators';
+// import {storeData, getData} from './_AsyncStorage';
+import SelectMultiple from '@horizonlime/react-native-select-multiple'
+import {Stopwatch, Timer} from 'react-native-stopwatch-timer';
+
+export const  FullCheckUp = ({navigation,route}) => {
+  
+    const windowWidth = useWindowDimensions().width;
+    const windowHeight = useWindowDimensions().height;
+    const [age,setAge] = React.useState(route.params.age);
+    const [gender,setGender] = React.useState(route.params.gender);
+    const [passion,setPassion] = React.useState([    ]);
+   //symptoms collect
+    const [one,setOne] = React.useState(0);
+    const [two,setTwo] = React.useState(0);
+    const [three,setThree] = React.useState(0);
+    const [four,setFour] = React.useState(0);
+    const [five,setFive] = React.useState(0);
+    const [six,setSix] = React.useState(0);
+    const [seven,setSeven] = React.useState(0);
+    const [eight,setEight] = React.useState(0);
+    const [nine,setNine] = React.useState(0);
+    const [ten,setTen] = React.useState(0);
+    const [eleven,setEleven] = React.useState(0);
+    const [caught,setCaught] = React.useState(0);
+    const [twelve,setTwelve] = React.useState(0);
+    let dry_c = (caught==0)?'':'Dry Caough ';
+    let Sore_t = (one==0)?'': '/Sore Thoat ';
+    let runn_n = (two==0)?'': '/Running Nose ';
+    let fever = (three==0)?'': '/Fever ';
+    let breath_p = (four==0)?'': '/Breathing Issues ';
+    let fatigue = (five==0)?'': '/Fatigue ';
+    let headache = (six==0)?'': '/Headache ';
+    let drowsines = (seven==0)?'': '/droesiness ';
+    let chest_p = (eight==0)?'': '/Chest pain ';
+    let stroke = (nine==0)?'': '/Stroke ';
+    let appetide = (ten==0)?'': '/chnage in appetied ';
+    let loss_s = (eleven==0)?'': '/Loss smell ';
+    let symptom_p = (twelve==0)?'': '/Patient symptoms Progress ';
+    let sym = '<b>Patient Symptoms :<b> '+dry_c+ Sore_t +runn_n+fever+breath_p+fatigue+headache+drowsines+chest_p+stroke+appetide+loss_s+symptom_p;
+ 
+//health issues collect
+const [hone,sethOne] = React.useState(0);
+const [htwo,sethTwo] = React.useState(0);
+const [hthree,sethThree] = React.useState(0);
+const [hfour,sethFour] = React.useState(0);
+const [hfive,sethFive] = React.useState(0);
+const [hsix,sethSix] = React.useState(0);
+const [hseven,sethSeven] = React.useState(0);
+const [height,sethEight] = React.useState(0);
+const [hnine,sethNine] = React.useState(0);
+const [hten,sethTen] = React.useState(0);
+const [heleven,sethEleven] = React.useState(0);
+const [htwelve,sethTwelve] = React.useState(0);
+const [hcaught,sethCaught] = React.useState(0);
+const [hrespose,sethRespose] = React.useState(2);
+let pneu = (hcaught==0)?'':'Penumonia ';
+let diabe = (hone==0)?'': '/Diabetes ';
+let copd = (htwo==0)?'': '/COPD ';
+let asthma = (hthree==0)?'': '/Asthma ';
+let hyper = (hfour==0)?'': '/Hypertension';
+let cradio = (hfive==0)?'': '/Cardiovascular ';
+let obesity = (hsix==0)?'': '/Obesity ';
+let Renal_c = (hseven==0)?'': '/Renal chronic ';
+let Tabacco = (height==0)?'': '/Tabacco ';
+let covid_m = (hnine==0)?'': '/Exposured to Covid patient ';
+let get_medic = (hten==0)?'': '/Get medicines ';
+let other_d = (heleven==0)?'': '/Suffring other Details ';
+
+
+let health = ' '+pneu+diabe+copd+asthma+hyper+cradio+obesity+Renal_c+Tabacco+covid_m+get_medic+other_d+symptom_p; 
+let timesle = timeinsec; 
+    const [step,setStep] = React.useState(1); // have four steps 
+    const [visible, setVisible] = React.useState(false); // model for send mail. 
+    const [image,setImage] = React.useState();//data image
+    const [image1,setImage1] = React.useState();//base 64 image 
+    const [selecttest,setSelecttest] = React.useState(0);// 0 - set Xray 1- ctimage
+  
+    const [isTimerStart, setIsTimerStart] = useState(false);
+    const [isStopwatchStart, setIsStopwatchStart] = useState(false);
+    const [timerDuration, setTimerDuration] = useState(1000);
+    const [resetTimer, setResetTimer] = useState(false);
+    const [resetStopwatch, setResetStopwatch] = useState(false);
+    const [times, setTimes] = useState();
+    const [timeinsec, setTimeinsec] = useState();
+    const [respose, setRespose] = useState(2); //0= low risk 1- high risk, 2-not response
+    const [xrayResults, setXrayResults] = useState();
+    const [symptomResults, setSymptomResults] = useState();
+    const [HealthResults, setHealthResults] = useState();
+    const [ctResults, setCtResults] = useState();
+    const [breathResults, setBreathResults] = useState();
+    const [finalResults, setFinalResults] = useState(); // 1-negative 2-covid 3-covid pneumonia 4-pneumonia
+//ct image prediction
+    const getCT = ()=> {
+        if(selecttest==1){
+            console.log('full check - CT image');
+            var e= this;
+            var xdata = {img:image1};
+            API.post('predic/ct',xdata)
+            .then(function (response) {
+            
+            if(response){
+                    console.log("full check - CT- success", response.data);
+                    setCtResults( response.data);
+                    if(response.data=='Non Covid-19'){
+                        setCtResults(0);
+                    }else{
+                        setCtResults(1);
+                    }
+                }else{
+                    console.log("full check - CT - failed", response.data);
+                }
+            })
+            .catch(function (error) {
+                console.log("full check - CT - error", error.message);
+            
+            });
+        }else{
+            console.log('full check - xray');
+            var e= this;
+            var xdata = {img:image1};
+            API.post('predic/xray',xdata)
+            .then(function (response) {
+               
+            if(response){
+                    console.log("full check - xray- success", response.data);
+                    setXrayResults( response.data);
+                    if (response.data == 'NORMAL'){
+                        setXrayResults(0);
+                    }else if (response.data== 'COVID19'){
+                        setXrayResults(1);
+                    }else if (response.data== 'PNEUMONIA'){
+                        setXrayResults(2);
+                    }else{
+
+                    }
+                }else{
+                    console.log("full check - xray - failed", response.data);
+                }
+            })
+            .catch(function (error) {
+                console.log("full check - xray - error", error.message);
+            
+            });
+        }
+        
+    }
+    //covid risk level prediction function
+    const getRiskl=()=> {
+        console.log('news');
+        var e= this;
+        var xdata = {
+            age :"28",
+            gender :"1",
+            body_temperature :"102",
+            Dry_Cough :caught,
+            sour_throat :one,
+            weakness :five,
+            breathing_problem :four,
+            drowsiness :seven,
+            pain_in_chest:eight,
+            stroke_or_reduced_immunity:nine,
+            symptoms_progressed:twelve,
+            change_appetide:ten,
+            Loss_smell :eleven
+        };
+        API1.post('api/RiskLevel',xdata)
+        .then(function (response) {
+        
+        if(response){
+                console.log("full check - risklevel - success", response.data);
+                if( response.data==0){
+                console.log(response.data);
+                setSymptomResults(1)
+                }else if( response.data==1){
+                    console.log(response.data);
+                    setSymptomResults(2)
+                }else {
+                    setRespose(3);
+                    console.log(response.data);
+                } 
+            }else{
+                console.log("full check - risklevel- failed", response.data);   
+            }
+        })
+        .catch(function (error) {
+            console.log("full check - risklevel- error", error.message);
+        });
+    }
+    //covid-19 dignosis function
+    const getCovidres=()=> {
+        console.log('news');
+        var e= this;
+        var xdata = {
+            breathing_problem:four,
+            Fever:three,
+            dry_cough:caught,
+            sore_throat:one,
+            running_nose:two,
+            headache:six,
+            fatigue:five
+        };
+        API1.post('api/covid',xdata)
+        .then(function (response) {
+        
+        if(response){
+                console.log("full check - symptom prediction - success", response.data);
+                if( response.data==1){
+                    setSymptomResults(1);
+                    getRiskl();
+                }else{
+                    setSymptomResults(0);
+                }
+            }else{
+                console.log("full check - symptom prediction- failed", response.data);
+            }
+        })
+        .catch(function (error) {
+            console.log("full check - symptom prediction - error", error.message);
+        });
+    }
+    //breath test function
+    const getResults=()=> {
+      console.log('news');
+      var e= this;
+      var xdata = {
+        Age:age,
+        Gender:gender,
+        Time:timeinsec
+      };
+      API1.post('api/breath',xdata)
+      .then(function (response) {
+        
+        if(response){
+              console.log("Breath success", response.data);
+              if( response.data==1){
+                setBreathResults(1);
+                finalresult();
+              }else{
+                setBreathResults(0);
+                finalresult();
+              }
+          }else{
+              console.log("user screen - home - failed", response.data);
+              
+          }
+      })
+      .catch(function (error) {
+          console.log("user screen - home - error", error.message);
+        
+      });
+    }
+    //health history check function
+    const getHealthresults=()=> {
+        console.log('claed API');
+        var e= this;
+        var xdata = {
+            sex:0,
+            age:0,
+            patient_type:0,
+            pneumonia:hcaught,
+            diabetes:hone,
+            copd:htwo,
+            asthma:hthree,
+            hypertension:hfour,
+            other_disease:heleven,
+            obesity:hsix,
+            cardiovascular:hfive,
+            renal_chronic:hseven,
+            tobacco:height,
+            contact_other_covid:hnine
+        };
+        API1.post('api/heathhistory',xdata)
+        .then(function (response) {
+          
+          if(response){
+                console.log("Health traker response", response.data);
+                if( response.data==1){
+                    setHealthResults(1);
+                }else{
+                    setHealthResults(0);
+                }
+            }else{
+                console.log("Health screen failed", response.data);
+            }
+        })
+        .catch(function (error) {
+            console.log("Health screen error", error.message);
+        });
+    }
+    //time in second
+   function second(time){
+        var hours,minutes,seconds;
+        [hours, minutes, seconds] = time.split(':');
+        var  totalSeconds = (+hours) * 60 * 60 + (+minutes) * 60 + (+seconds);
+        setTimeinsec(totalSeconds);
+    }
+    //email send function
+    const handleEmail = (news) => {
+     
+        Mailer.mail({
+            subject: 'CoviDoc Patients ',
+            recipients: ['example@gmail.com'],
+            ccRecipients: ['it18125962@my.sliit.lk'],
+            //bccRecipients: ['supportBCC@example.com'],
+            body: 'This document provides portions of the medical tests done by the “CoviDoc” mobile app. Please note that this contains all of the tests results you took through “CoviDoc” required for a better analysis by the physician. These results are solely for validation purposes and to help physicians understand the risk levels. <br> Patient’s current symptoms are listed below:'+sym +'<br>Patient’s past health records are listed below :<br> '+health +'<br>Patient’s breathing time is seconds',
+            isHTML: true,
+            attachment: {
+                path: '',  // The absolute path of the file from which to read data.
+                type: '',   // Mime Type: jpg, png, doc, ppt, html, pdf, csv
+                //name: 'error.png',   // Optional: Custom filename for attachment
+            }
+        }, (error, event) => {
+            console.log('errror', error)
+        });
+    };
+
+    const finalresult=()=>{
+        console.log('final');
+        if (xrayResults==0){
+            if(symptomResults==0){
+                setFinalResults(0);
+                console.log('final 0');
+            }else {
+                setFinalResults(2);
+                console.log('final 2');
+            }
+        }else if (xrayResults== 1|| ctResults==1){
+            setFinalResults(3);
+            console.log('final 3');
+        }else{
+            setFinalResults(4);
+            console.log('final 4');
+        }
+    }
+
+    const selectGroup =()=>{
+        if (caught==1){
+        setCaught(0);
+        }else{
+            setCaught(1);
+        }
+    }
+    const selectTest =()=>{
+        if (selecttest==1){
+            setSelecttest(0);
+        }else{
+            setSelecttest(1);
+        }
+    }
+    //level up
+   const nextstep = () => {
+    console.log('pressed');
+        if (step==1){
+            setStep(2);
+            getCT();
+        }else if (step==2){
+            setStep(3);
+            getCovidres();
+        }else if (step==3){
+            setStep(4);
+            getCovidres();
+        }else{
+            setStep(5);
+            getHealthresults();
+        }
+    }
+    //level down
+    const backstep = () => {
+        console.log('pressed');
+            if (step==5){
+                setStep(4);
+            }else if (step==4){
+                setStep(3);
+            }else if (step==3){
+                setStep(2);
+            }else{
+                setStep(1);
+            }
+        }
+
+  return (
+      
+     <Layout style={{backgroundColor:'#fff',height:windowHeight,width:windowWidth,justifyContent:'space-between'}}>
+        <View style={{height:50,justifyContent:'center',alignItems:'center',backgroundColor:'#7bc4e0'}}>
+            <Text style={{fontSize:22,fontWeight:'bold',color:'#fff'}}>Full CheckUp</Text>
+        </View>
+            
+            {(step==1)? <View style={{height:windowHeight-135,justifyContent:'center',alignItems:'center'}}>     
+                <View style={{height:50,flexDirection:'row',backgroundColor:(selecttest==0)?'white':null,}}>
+                    <TouchableOpacity onPress={()=>{setSelecttest(0)}}style={(selecttest==0)?{justifyContent:'center',alignItems:'center',width:windowWidth/2,backgroundColor:'white',borderWidth:3,borderBottomColor:'white',borderColor:"blue"}:{justifyContent:'center',alignItems:'center',width:windowWidth/2,borderWidth:3,backgroundColor:'white',borderBottomColor:'blue',borderColor:'white'}}>
+                        <View >
+                            <Text>X-Ray</Text>
+                        </View>
+                    </TouchableOpacity>
+                    <TouchableOpacity onPress={()=>{setSelecttest(1)}}style={(selecttest==0)?{justifyContent:'center',alignItems:'center',width:windowWidth/2,backgroundColor:'white',borderWidth:3,borderBottomColor:'blue',borderColor:'white'}:{justifyContent:'center',alignItems:'center',width:windowWidth/2,borderWidth:3,backgroundColor:'white',borderBottomColor:'white',borderColor:"blue"}}>
+                        <View >
+                            <Text>CT Image</Text>
+                        </View>
+                    </TouchableOpacity>
+                </View>
+                <View style={{height:windowHeight-185,width:windowWidth,justifyContent: 'center',alignItems: 'center',paddingVertical:20,backgroundColor:'white',borderWidth:3,borderTopColor:'white',borderColor:"blue"}}>
+                {(selecttest==0)?<Text>Upload Your X-ray Image </Text>:<Text>Upload Your CT Image </Text>}
+                    <View style={{borderWidth:0,borderColor:"blue",borderStyle:'dashed',paddingHorizontal:100,paddingVertical:30}}>
+                      <TouchableOpacity  onPress={()=>{
+                          ImagePicker.launchImageLibrary(
+                            
+                            {
+                              mediaType: 'photo',
+                              includeBase64: true,
+                              maxHeight: 1024,
+                              maxWidth: 1024,
+                            },
+                            (response) => {
+                              if(response){
+                                if(!!response.didCancel){
+                                  console.log("response");
+                                  // this.setState({image:'data:' + response.assets[0].type + ';base64,' + response.assets[0].base64,image1:"'''"  + response.assets[0].base64 +"'''"});                  
+                                //   console.log('data:' + response.assets[0].type + ';base64,' + response.assets[0].base64);
+                                }else{
+                                setImage('data:'+ response.assets[0].type + ';base64,' + response.assets[0].base64 );  
+                                setImage1(response.assets[0].base64)                
+                                  console.log(response);
+                                }
+                                // console.log(response);
+                              }
+                            },
+                          );
+                        }}>
+                          <Image style={(image)? {width:windowWidth, height:windowHeight*0.35,borderRadius: 10,marginLeft:0,marginRight:0}:{width:windowWidth/3,height:windowHeight/8}} source={(image) ? { uri:image }:require('./up.jpg')}/>
+                     
+                      {(image=='')? <Text style={{fontSize:20}}>Browse Image</Text>:null}
+                      {(!image)?<Button onPress={()=>{
+                          ImagePicker.launchImageLibrary(
+                            
+                            {
+                              mediaType: 'photo',
+                              includeBase64: true,
+                              maxHeight: 1024,
+                              maxWidth: 1024,
+                            },
+                            (response) => {
+                              if(response){
+                                if(!!response.didCancel){
+                                  console.log("response");
+                                  // this.setState({image:'data:' + response.assets[0].type + ';base64,' + response.assets[0].base64,image1:"'''"  + response.assets[0].base64 +"'''"});                  
+                                  // console.log('data:' + response.assets[0].type + ';base64,' + response.assets[0].base64);
+                                }else{
+                                    setImage('data:'+ response.assets[0].type + ';base64,' + response.assets[0].base64 );  
+                                    setImage1(response.assets[0].base64)                
+                                      console.log(response);
+                                }
+                                // console.log(response);
+                              }
+                            },
+                          );
+                        }}style={{margin:2}} size='tiny'>Upload</Button>:null}
+                      </TouchableOpacity>
+                      </View>
+
+                      {(image)?<Button appearance='outline'onPress={()=>{setImage('');setImage1('');}}>Clear image</Button>:null}
+                    </View>
+                </View>:null}
+                
+
+            {(step==2)? <View style={{height:windowHeight-135}}>
+                <View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
+                    <Text>Choose your symptoms:</Text>
+                    {/* <Icon style={styles.icon} fill='#8F9BB3'    name={(hidesectionOne==1)?'plus-square-outline':'minus-square-outline'}/> */}
+                </View>
+                {/* <TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(hidesectionOne==0){setHidesectionOne(1)}else{setHidesectionOne(0)}}}></TouchableWithoutFeedback> */}
+                <Card >
+                   
+                    <ScrollView>
+                        <View style={{flex: 1, flexDirection: 'row', marginTop: 5, flexWrap: 'wrap', alignItems: 'flex-start'}}>
+                            <TouchableOpacity 
+                                onPress={()=>selectGroup()}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                            <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (caught==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Dry Cough</Text>
+                            </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(one==0){setOne(1);}else{setOne(0);}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (one==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Sore throat</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(two==0){setTwo(1)}else{setTwo(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (two==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Running Nose</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(three==0){setThree(1)}else{setThree(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (three==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Fever</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(four==0){setFour(1)}else{setFour(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (four==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Breathing Problem</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(five==0){setFive(1)}else{setFive(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (five==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Fatigue</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(six==0){setSix(1)}else{setSix(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (six==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Headache</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(seven==0){setSeven(1)}else{setSeven(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (seven==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Drowsiness</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(eight==0){setEight(1)}else{setEight(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (eight==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Chest Pain</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(nine==0){setNine(1)}else{setNine(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (nine==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Stroke </Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(ten==0){setTen(1)}else{setTen(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (ten==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Change in appetide</Text>
+                                </View>
+                            </TouchableOpacity>	
+                            <TouchableOpacity
+                                onPress={()=>{if(ten==0){setEleven(1)}else{setEleven(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (eleven==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Loss Smell</Text>
+                                </View>
+                            </TouchableOpacity>					
+                        </View>
+                    </ScrollView>
+                </Card>
+                <TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(twelve==0){setTwelve(1)}else{setTwelve(0)}}}>
+                <View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
+                <Text>Is you Symptoms Progressed:</Text>
+                <Icon style={styles.icon} fill='#8F9BB3'    name={(twelve==1)?'checkmark-square-2-outline':'square-outline'}/>
+                </View>
+                </TouchableWithoutFeedback>
+            </View>:null} 
+              
+
+            {(step==3)?<View style={{height:windowHeight-135}}>   
+               
+                <View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
+                <Text>Choose your Health History:</Text>
+               
+                </View>
+               
+                <Card >
+                
+                    <ScrollView>
+                        
+                  
+                        <View style={{flex: 1, flexDirection: 'row', marginTop: 5, flexWrap: 'wrap', alignItems: 'flex-start'}}>
+                            <TouchableOpacity 
+                                onPress={()=>{if(hcaught==0){sethCaught(1);}else{sethCaught(0);}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                            <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hcaught==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Pneumonia</Text>
+                            </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(hone==0){sethOne(1);}else{sethOne(0);}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hone==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Diabetes</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(htwo==0){sethTwo(1)}else{sethTwo(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (htwo==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>COPD</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(hthree==0){sethThree(1)}else{sethThree(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hthree==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Asthma</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(hfour==0){sethFour(1)}else{sethFour(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hfour==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Hypertension</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(hfive==0){sethFive(1)}else{sethFive(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:106,height:75, margin: 1, backgroundColor: (hfive==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Cardiovascular</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(hsix==0){sethSix(1)}else{sethSix(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hsix==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Obesity</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(hseven==0){sethSeven(1)}else{sethSeven(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (hseven==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Renal Chronic</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(height==0){sethEight(1)}else{sethEight(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:50,width:100,height:75, margin: 1, backgroundColor: (height==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Tobacco</Text>
+                                </View>
+                            </TouchableOpacity>
+                           
+                        </View>
+                    </ScrollView>
+                    
+                </Card>
+                <TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(hnine==0){sethNine(1)}else{sethNine(0)}}}>
+                    <View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
+                        <Text>do you know met covid patient:</Text>
+                        <Icon style={styles.icon} fill='#8F9BB3'    name={(hnine==1)?'checkmark-square-2-outline':'square-outline'}/>
+                    </View>
+                </TouchableWithoutFeedback>
+                <TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(hten==0){sethTen(1)}else{sethTen(0)}}}>
+                    <View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
+                        <Text>Did you get medicine :</Text>
+                        <Icon style={styles.icon} fill='#8F9BB3'    name={(hten==1)?'checkmark-square-2-outline':'square-outline'}/>
+                    </View>
+                </TouchableWithoutFeedback>
+                <TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(heleven==0){sethEleven(1)}else{sethEleven(0)}}}>
+                    <View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
+                        <Text>Did you fall other disease :</Text>
+                        <Icon style={styles.icon} fill='#8F9BB3'    name={(heleven==1)?'checkmark-square-2-outline':'square-outline'}/>
+                    </View>
+                </TouchableWithoutFeedback>
+            </View>:null} 
+            {(step==4)?<View style={{height:windowHeight-135}}>   
+            
+                <Text style={styles.title}>
+                Breath-holding Time Analysis 
+                </Text>
+                <View style={{flexDirection:'row',justifyContent:'center'}}>
+                    <Image style={{height:100,width:250}} source={require('../Images/breath.jpg')}/>
+                </View>
+                <View style={styles.sectionStyle}>
+                <Stopwatch
+                    laps
+                    
+                    start={isStopwatchStart}
+                    // To start
+                    reset={resetStopwatch}
+                    // To reset
+                    options={options}
+                    // Options for the styling
+                    getTime={(time) => {
+                    //   console.log(time);
+                    setTimes(time);
+                    }}
+                />
+                <View style={{flexDirection:'row',paddingVertical:20}}>
+                    <TouchableHighlight
+                    onPress={() => {
+                        setIsStopwatchStart(!isStopwatchStart);
+                        setResetStopwatch(false);
+                        second(times);
+                        setRespose(2);
+                    }}><View>
+                    <Text style={styles.buttonText}>
+                        {!isStopwatchStart ? 'START' : 'STOP'}
+                    </Text></View>
+                    </TouchableHighlight>
+                    <TouchableHighlight
+                    onPress={() => {
+                        setIsStopwatchStart(false);
+                        setResetStopwatch(true);
+                        setTimeinsec(0);
+                        setRespose(2);
+                    }}>
+                    <Text style={styles.buttonText}>RESET</Text>
+                    </TouchableHighlight>
+                </View>
+                <View style={{paddingVertical:20}}>
+                <Card>
+                    <Text style={{fontWeight:'bold'}}>Instructions </Text>
+                    <Text>* Take a deep breath.</Text>
+                    <Text>* Then click on start button and hold your breath.</Text>
+                    </Card>
+                    
+                </View>
+            </View>
+      
+            </View>:null} 
+            {(step==5)?<View style={{height:windowHeight-135,justifyContent:'space-around'}}> 
+            <View style={{}}>
+                <View style={{flexDirection:'row',justifyContent:'center',height:50,alignItems:'center'}}>
+                <   Text style={{fontSize:20,fontWeight:'bold'}}>Final Check Results</Text>
+                </View>
+                <View style={{borderWidth:2,borderColor:'blue',margin:20,marginVertical:40,height:windowHeight/3,justifyContent:'center',alignItems:'center'}}>
+                   {(finalResults==0)?<View style={{justifyContent:'center',alignItems:'center'}}><Text>Final result</Text><Text>
+                    
+                   According to the tests you have done, CoviDoc predicts that you are not infected by COVID-19 at this moment.
+There is a high probability of being infected by COVID-19 according to the symptoms and history.</Text><Text>
+Stay Safe!
+                    </Text></View>:(finalResults==3)?<View style={{justifyContent:'center',alignItems:'center'}}><Text>Final result</Text><Text>
+                    
+                    According to the tests you have done, CoviDoc predicts you are infected by COVID-19 Pneumonia.
+                    Please contact your doctor soon.</Text><Text>
+                    Stay Safe!
+                                        </Text></View>:(finalResults==4)?<View style={{justifyContent:'center',alignItems:'center'}}><Text>Final result</Text><Text>
+                    
+                    According to the tests you have done, CoviDoc predicts you are infected by Pneumonia.
+                    Please contact your doctor soon.</Text><Text>
+                    Stay Safe!
+                                        </Text></View>:(finalResults==2)?<View style={{justifyContent:'center',alignItems:'center'}}><Text>Final result</Text><Text>
+                    
+                    According to the tests you have done, CoviDoc predicts you are infected by covid.
+                    Please contact your doctor soon.</Text><Text>
+                    Stay Safe!
+                                        </Text></View>:null}
+                </View>
+            </View>
+                <Button
+                    onPress={()=>{finalresult();}}
+                    title="Email Me"
+                    color="#841584"
+                    accessabilityLabel="Purple Email Me Button"
+                >check final results</Button>
+            </View>:null} 
+
+            {(step==5)?<View style={{flexDirection:'row',width:windowWidth,justifyContent:'space-around',backgroundColor:'#7bc4e0'}}>
+                <TouchableOpacity onPress={()=>{navigation.navigate("main");}}>
+                    <View  style={{height:60,flexDirection:'row',justifyContent:'center',alignItems:'center',marginBottom:30,backgroundColor:'#7bc4e0'}}>
+                        <Icon style={{width:30,height:30}} fill='#fff'    name='arrow-circle-left'/>    
+                        <Text style={{fontSize:22,fontWeight:'bold',color:'white'}}>Home</Text>
+                    </View>
+                </TouchableOpacity>
+                <TouchableOpacity onPress={() =>{setVisible(true)}}>
+                    <View  style={{height:60,flexDirection:'row',justifyContent:'center',alignItems:'center',marginBottom:30,backgroundColor:'#7bc4e0'}}>
+                        <Text style={{fontSize:22,fontWeight:'bold',color:'white'}}>Send Mail</Text>
+                        <Icon style={{width:30,height:30,marginLeft:10}} fill='#fff'    name='email-outline'/>
+                    </View>
+                </TouchableOpacity>
+            </View>:<View style={{flexDirection:'row',width:windowWidth,justifyContent:'space-around',backgroundColor:'#7bc4e0'}}>
+                {(step==1)?<TouchableOpacity onPress={()=>{navigation.navigate("main");}}>
+                    <View  style={{height:60,flexDirection:'row',justifyContent:'center',alignItems:'center',marginBottom:30,backgroundColor:'#7bc4e0'}}>
+                        <Icon style={{width:30,height:30}} fill='#fff'    name='arrow-circle-left'/>    
+                        <Text style={{fontSize:22,fontWeight:'bold',color:'white'}}>Cancel</Text>
+                    </View>
+                </TouchableOpacity>:<TouchableOpacity onPress={()=>{backstep();}}>
+                    <View  style={{height:60,flexDirection:'row',justifyContent:'center',alignItems:'center',marginBottom:30,backgroundColor:'#7bc4e0'}}>
+                        <Icon style={{width:30,height:30}} fill='#fff'    name='arrow-circle-left'/>    
+                        <Text style={{fontSize:22,fontWeight:'bold',color:'white'}}>Back</Text>
+                    </View>
+                </TouchableOpacity>}
+                <TouchableOpacity onPress={()=>{nextstep();}}>
+                    <View  style={{height:60,flexDirection:'row',justifyContent:'center',alignItems:'center',marginBottom:30,backgroundColor:'#7bc4e0'}}>
+                        <Text style={{fontSize:22,fontWeight:'bold',color:'white'}}>Next</Text>
+                        <Icon style={{width:30,height:30}} fill='#fff'    name='arrow-circle-right'/>
+                    </View>
+                </TouchableOpacity>
+                
+            </View>}
+            <Modal  visible={visible}>
+                <View style={{backgroundColor:'rgba(52, 52, 52, 0.8)',height:windowHeight,width:windowWidth,justifyContent:'center',alignItems:'center'}}>
+                    <Card disabled={true} style={{height:windowHeight/3,borderColor:'blue',borderWidth:1,width:windowWidth-20}}>
+                    <Text style={{fontSize:20}}>Please your Xray/CT Image Attach to the email send before.</Text>
+                    <View style={{flexDirection:'row',justifyContent:'center'}}>
+                    <Image style={(image)? {width:200, height:100,borderRadius: 10,marginLeft:0,margin:10}:{width:windowWidth/3,height:windowHeight/8}} source={(image) ? { uri:image }:null}/>
+                    </View>
+                    <View style={{flexDirection:'row',justifyContent:'space-around'}} >
+                        <Button style={{width:150}} onPress={() => handleEmail('news')}>
+                            Continue
+                        </Button>
+                        <Button appearance='outline'style={{width:150}}onPress={() =>setVisible(false)}>
+                            Cancel
+                        </Button>
+                    </View>
+                    </Card>
+                </View>
+                </Modal>
+      </Layout>
+    
+  );
+}
+
+const styles = StyleSheet.create({
+    text: {
+      color: "white",
+      fontWeight:'bold'
+      
+    },
+    icon:{
+        height:20, width:20
+    },
+ 
+    container: {
+      flex: 1,
+      padding: 10,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor:'white'
+    },
+    title: {
+      textAlign: 'center',
+      fontSize: 20,
+      fontWeight: 'bold',
+      padding: 20,
+      
+    },
+    sectionStyle: {
+      flex: 1,
+      marginTop: 32,
+      alignItems: 'center',
+      paddingVertical:20
+    },
+    buttonText: {
+      fontSize: 20,
+      marginTop: 10,
+      paddingHorizontal:50
+    },
+  });
+  
+  const options = {
+    container: {
+      backgroundColor: '#FF0000',
+      padding: 5,
+      borderRadius: 5,
+      width: 200,
+      alignItems: 'center',
+    },
+    text: {
+      fontSize: 25,
+      color: '#FFF',
+      marginLeft: 7,
+    },
+  };
\ No newline at end of file

CRX/src/subScreens/Results.js

+import React, { useState, useEffect } from 'react';
+
+
+import { Image, View, ImageBackground, Dimensions, ScrollView, TouchableOpacity, Alert} from 'react-native';
+import {   Button, Card, Input, Layout,  Text,RadioGroup, Radio,} from '@ui-kitten/components';
+
+import {storeData, getData} from '../_AsyncStorage';
+import { app_name, API, API_VERSION, cipher } from '../_Configuration';
+
+import * as ImagePicker from 'react-native-image-picker';
+import axios from 'axios';
+import { readDir } from 'react-native-fs';
+
+
+
+export default class XrayResults extends React.Component {
+    state = {
+        gender:0 , operation : 0, age:(0) ,name:''
+          
+      };
+      windowWidth = Dimensions.get("window").width;
+      windowHeight = Dimensions.get("window").height;
+    componentDidMount = () => {
+        console.log(this.props.navigation);
+     
+    
+   }
+   number =(age1)=>{
+    if (!/^[0-9]+$/.test(age1)) {
+        console.log('Enter Only Number');
+        this.setState({age:(0)});
+        Alert.alert('Age must be a Number');
+        
+        
+      } else {
+          console.log('Success');
+      }
+   }
+    render()  {
+      return (
+  <View style={{justifyContent:'flex-start',paddingTop:100,alignItems:'center',backgroundColor:'#d0c5fa',height:this.windowHeight}}>
+        <Card style={{borderRadius: 10, marginTop:5,height:400, marginHorizontal:20,backgroundColor:'#f4e6fc'}}>
+        <View style={{marginVertical:5}}><Text style={{marginVertical:5}}>Enter your Name..</Text>
+                < Input  value={this.state.name} onChangeText={(value)=>{this.setState({name:(value)})}}></Input>
+            </View>
+                <Text>Choose your gender..</Text>
+                <View style={{flex: 1, flexDirection: 'row', marginTop: 20}}>
+                    <View style={(this.state.gender == 0) ? {height: 100, width:  this.windowWidth/2 -45, borderWidth: 1, borderColor: '#A30FC1'}:{height: 100, width:  this.windowWidth/2 -45}}>
+                        <TouchableOpacity onPress={() => {this.setState({gender:0})}}>
+                        <Image source={require('../Images/man.png')}
+                        style={{width: this.windowWidth/2 -55, height: 85, resizeMode: 'contain', margin:5 }}/>
+                        </TouchableOpacity>
+                    </View>
+                    <View style={(this.state.gender == 1) ? {height: 100, width:  this.windowWidth/2 -45, borderWidth: 1, borderColor: '#A30FC1'}:{height: 100, width:  this.windowWidth/2 -45}}>
+                        <TouchableOpacity onPress={() => {this.setState({gender:1})}}>
+                        <Image source={require('../Images/woman.png')}
+                        style={{width: this.windowWidth/2 -55, height: 85, resizeMode: 'contain', margin:5 }}/>
+                        </TouchableOpacity>
+                    </View>
+                </View>
+                <RadioGroup
+                    selectedIndex={this.state.gender}
+                    onChange={index => this.setState({gender:index})}
+                    style={{flex: 1, flexDirection: 'row', justifyContent: 'space-around', marginTop: 110}}>
+                    <Radio>Male</Radio>
+                    <Radio>Female</Radio>
+                </RadioGroup>
+            <View style={{marginVertical:10}}><Text style={{marginVertical:20}}>Choose your Age..</Text>
+                < Input  value={this.state.age} onChangeText={(value)=>{this.number(value);this.setState({age:(value)})}}></Input>
+            </View>
+            
+        </Card>
+  <TouchableOpacity 
+    onPress={()=>{ this.props.navigation.navigate("main",{age: this.state.age,gender: this.state.gender, name: this.state.name  , navigation:this.props.navigation});         
+    }}>
+    <View style={{height:50,width:200,marginVertical:20,justifyContent:'center',alignItems:'center',backgroundColor:'#7f00c7'}}><Text style={{color:'#fff'}}>Next</Text></View>
+</TouchableOpacity>
+  </View>
+  
+      );
+  
+  }}
\ No newline at end of file

CRX/src/subScreens/SymptomTracker.js

+import React, { useRef,useState, useEffect } from 'react';
+
+
+
+import * as eva from '@eva-design/eva';
+import { ApplicationProvider, IconRegistry, SelectGroup, useTheme } from '@ui-kitten/components';
+import { EvaIconsPack } from '@ui-kitten/eva-icons';
+import { app_name, API, API1, API_VERSION, cipher } from '../_Configuration';
+
+import { StyleSheet,Keyboard, SafeAreaView, TouchableWithoutFeedback, Image, useWindowDimensions, View, DrawerLayoutAndroid, ImageBackground, ScrollView, TouchableOpacity, Dimensions } from 'react-native';
+import { IndexPath, Drawer, DrawerItem, BottomNavigation, BottomNavigationTab, Button, Datepicker, Autocomplete, AutocompleteItem, RadioGroup, Radio, Card, CheckBox, Divider, Layout, TopNavigation, Icon, Input, Text, TopNavigationAction } from '@ui-kitten/components';
+import { BallIndicator, BarIndicator, DotIndicator, MaterialIndicator, PacmanIndicator, PulseIndicator, SkypeIndicator, UIActivityIndicator, WaveIndicator,} from 'react-native-indicators';
+// import {storeData, getData} from './_AsyncStorage';
+import SelectMultiple from '@horizonlime/react-native-select-multiple'
+
+
+export const  SymptomTracker = ({navigation,route}) => {
+    const windowWidth = useWindowDimensions().width;
+    const windowHeight = useWindowDimensions().height;
+   
+    const [age,setAge] = React.useState(route.params.age);
+    const [gender,setGender] = React.useState(route.params.gender);
+
+    const [one,setOne] = React.useState(0);
+    const [two,setTwo] = React.useState(0);
+    const [three,setThree] = React.useState(0);
+    const [four,setFour] = React.useState(0);
+    const [five,setFive] = React.useState(0);
+    const [six,setSix] = React.useState(0);
+    const [seven,setSeven] = React.useState(0);
+    const [eight,setEight] = React.useState(0);
+    const [nine,setNine] = React.useState(0);
+    const [ten,setTen] = React.useState(0);
+    const [eleven,setEleven] = React.useState(0);
+    const [caught,setCaught] = React.useState(0);
+    const [twelve,setTwelve] = React.useState(0);
+    const [respose,setRespose] = React.useState(4);
+    const [stresults,setStresults] = React.useState("");
+
+   
+    let dry_c = (caught==0)?'':'Dry Caough ';
+    let Sore_t = (one==0)?'': '/Sore Thoat ';
+    let runn_n = (two==0)?'': '/Running Nose ';
+    let fever = (three==0)?'': '/Fever ';
+    let breath_p = (four==0)?'': '/Breathing Issues ';
+    let fatigue = (five==0)?'': '/Fatigue ';
+    let headache = (six==0)?'': '/Headache ';
+    let drowsines = (seven==0)?'': '/droesiness ';
+    let chest_p = (eight==0)?'': '/Chest pain ';
+    let stroke = (nine==0)?'': '/Stroke ';
+    let appetide = (ten==0)?'': '/chnage in appetied ';
+    let loss_s = (eleven==0)?'': '/Loss smell ';
+    let symptom_p = (twelve==0)?'': '/Patient symptoms Progress ';
+    
+      
+    console.log('Patient Symptoms '+dry_c+ Sore_t +runn_n+fever+breath_p+fatigue+headache+drowsines+chest_p+stroke+appetide+loss_s+symptom_p);
+ 
+   
+
+
+    const selectGroup =()=>{
+        if (caught==1){
+        setCaught(0);
+        }else{
+            setCaught(1);
+        }
+    }
+    const getRiskl=()=> {
+        console.log('news');
+        var e= this;
+        var xdata = {
+            age :age,
+            gender :gender,
+            body_temperature :"102",
+            Dry_Cough :caught,
+            sour_throat :one,
+            weakness :five,
+            breathing_problem :four,
+            drowsiness :seven,
+            pain_in_chest:eight,
+            stroke_or_reduced_immunity:nine,
+            symptoms_progressed:twelve,
+            change_appetide:ten,
+            Loss_smell :eleven
+        };
+        API1.post('api/RiskLevel',xdata)
+        .then(function (response) {
+        
+        if(response){
+                console.log("user screen - pricing - success", response.data);
+                if( response.data==0){
+                console.log(response.data);
+                setRespose(1);
+                }else if( response.data==1){
+                    console.log(response.data);
+                    setRespose(2);
+                }else{
+                setRespose(3);
+                console.log(response.data);
+                } 
+            }else{
+                console.log("user screen - home - failed", response.data);   
+            }
+        })
+        .catch(function (error) {
+            console.log("user screen - home - error", error.message);
+        });
+    }
+
+    const getResults=()=> {
+        console.log('news');
+        var e= this;
+        var xdata = {
+            breathing_problem:four,
+            Fever:three,
+            dry_cough:caught,
+            sore_throat:one,
+            running_nose:two,
+            headache:six,
+            fatigue:five
+        };
+        API1.post('api/covid',xdata)
+        .then(function (response) {
+        
+        if(response){
+                console.log("user screen - pricing - success", response.data);
+                if( response.data==1){
+                   
+                    getRiskl();
+                }else{
+                setRespose(0);
+                }
+            }else{
+                console.log("user screen - home - failed", response.data);
+            }
+        })
+        .catch(function (error) {
+            console.log("user screen - home - error", error.message);
+        });
+    }
+    
+  return (
+    <Layout style={{backgroundColor:'#f2e5fe',height:windowHeight,width:windowWidth,backgroundColor:'white'}}>
+        <View style={{height:50,justifyContent:'center',alignItems:'center',backgroundColor:'white'}}>
+            <Text style={{fontSize:20,fontWeight:'bold'}}>Symptom Tracker</Text>
+        </View>
+                <Card >
+                    <Text>Choose your symptoms:</Text>
+                    <ScrollView>
+                        <View style={{flex: 1, flexDirection: 'row', marginTop: 5, flexWrap: 'wrap', alignItems: 'flex-start'}}>
+                            <TouchableOpacity 
+                                onPress={()=>selectGroup()}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                            <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (caught==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Dry Cough</Text>
+                            </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(one==0){setOne(1);}else{setOne(0);}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (one==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Sore throat</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(two==0){setTwo(1)}else{setTwo(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (two==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Running Nose</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(three==0){setThree(1)}else{setThree(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (three==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Fever</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(four==0){setFour(1)}else{setFour(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (four==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Breathing Problem</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity 
+                                onPress={()=>{if(five==0){setFive(1)}else{setFive(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (five==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Fatigue</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(six==0){setSix(1)}else{setSix(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (six==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Headache</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(seven==0){setSeven(1)}else{setSeven(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (seven==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Drowsiness</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(eight==0){setEight(1)}else{setEight(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (eight==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Chest Pain</Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(nine==0){setNine(1)}else{setNine(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (nine==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Stroke </Text>
+                                </View>
+                            </TouchableOpacity>
+                            <TouchableOpacity
+                                onPress={()=>{if(ten==0){setTen(1)}else{setTen(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (ten==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Change in appetide</Text>
+                                </View>
+                            </TouchableOpacity>	
+                            <TouchableOpacity
+                                onPress={()=>{if(ten==0){setEleven(1)}else{setEleven(0)}}}
+                                    style={{margin:2,flexDirection:"row",marginHorizontal:5,justifyContent:'space-between'}}>
+                                <View style={{borderRadius:200,width:100,height:75, margin: 1, backgroundColor: (eleven==0)?'pink':'red',justifyContent:'center',alignItems: 'center'}}>
+                                        <Text style={{marginVertical: 2, marginHorizontal: 2, color: 'black'}}>Loss Smell</Text>
+                                </View>
+                            </TouchableOpacity>					
+                        </View>
+                        
+                    </ScrollView>
+                  
+                   
+                </Card>
+                <TouchableWithoutFeedback style={{backgroundColor:'red',borderColor:'red',borderWidth:3}} onPress={()=>{if(twelve==0){setTwelve(1)}else{setTwelve(0)}}}>
+                <View style={{height:50,flexDirection:'row',justifyContent:'space-between',alignItems:'center',marginHorizontal:20,}}>
+                <Text>Symtoms are increasing by the time :</Text>
+                <Icon style={styles.icon} fill='#8F9BB3'    name={(twelve==1)?'checkmark-square-2-outline':'square-outline'}/>
+                </View>
+                </TouchableWithoutFeedback>
+                		
+            {(respose==0)?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'#54ff7f'}}>
+                        <Text style={{fontSize:17}}>
+                        You may in the negative for COVID-19 according to this test.
+                Please contact your doctor soon
+                Stay Safe
+                        </Text>
+                </Card>:(respose==1)?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'#ff949b'}}>
+                        <Text style={{fontSize:17}}>
+                        You may in the low risk level for COVID-19 according to this test.
+                Please contact your doctor soon
+                Stay Safe
+              </Text>
+            </Card>:(respose==2)?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'#ff949b'}}>
+                        <Text style={{fontSize:17}}>
+                        You may in the medium risk level for COVID-19 according to this test.
+                Please contact your doctor soon
+                Stay Safe
+              </Text>
+            </Card>:(respose==3)?<Card style={{height:150, justifyContent: 'center', alignItems: 'center',marginTop:20,backgroundColor:'#ff949b'}}>
+                        <Text style={{fontSize:17}}>
+                        You may in the high risk level for COVID-19 according to this test.
+                Please contact your doctor soon
+                Stay Safe
+              </Text>
+            </Card>:(respose==4)?<View style={{marginTop:50}}><Button onPress={()=>{getResults();}}>Check</Button></View>:null}
+      
+      <TouchableOpacity onPress={()=>{setRespose(4);}}>
+      <View  style={{height:50,paddingHorizontal:20,backgroundColor:'#e1f7f5',justifyContent:'center',alignItems:'center'}}><Text>Clear</Text></View>
+      </TouchableOpacity>
+      </Layout>
+   
+  );
+}
+
+const styles = StyleSheet.create({
+    text: {
+      color: "white",
+      fontWeight:'bold'
+      
+    },
+    icon:{
+        height:20, width:20
+    }
+  });
\ No newline at end of file