Suyash Srivastava 3 years ago
parent
commit
a8d073176d
17 changed files with 579 additions and 386 deletions
  1. BIN
      android/.gradle/6.5/executionHistory/executionHistory.bin
  2. BIN
      android/.gradle/6.5/executionHistory/executionHistory.lock
  3. BIN
      android/.gradle/6.5/fileHashes/fileHashes.bin
  4. BIN
      android/.gradle/6.5/fileHashes/fileHashes.lock
  5. BIN
      android/.gradle/buildOutputCleanup/buildOutputCleanup.lock
  6. BIN
      android/.gradle/checksums/checksums.lock
  7. BIN
      src/assets/icons/wallet.png
  8. +13
    -1
      src/views/ContactUs.js
  9. +13
    -2
      src/views/Faq.js
  10. +7
    -0
      src/views/Home.js
  11. +7
    -6
      src/views/More.js
  12. +447
    -364
      src/views/MyBookingDetails.js
  13. +42
    -2
      src/views/MyOrders.js
  14. +11
    -4
      src/views/OrderDetails.js
  15. +13
    -2
      src/views/PrivacyPolicy.js
  16. +2
    -2
      src/views/Profile.js
  17. +24
    -3
      src/views/Wallet.js

BIN
android/.gradle/6.5/executionHistory/executionHistory.bin View File


BIN
android/.gradle/6.5/executionHistory/executionHistory.lock View File


BIN
android/.gradle/6.5/fileHashes/fileHashes.bin View File


BIN
android/.gradle/6.5/fileHashes/fileHashes.lock View File


BIN
android/.gradle/buildOutputCleanup/buildOutputCleanup.lock View File


BIN
android/.gradle/checksums/checksums.lock View File


BIN
src/assets/icons/wallet.png View File

Before After
Width: 840  |  Height: 859  |  Size: 359 KiB

+ 13
- 1
src/views/ContactUs.js View File

@@ -3,9 +3,11 @@ import { StyleSheet, Text, Image, View, TouchableOpacity } from 'react-native';
import { Content, Container, Header, Body, Title, Left, Row, Icon, Right, Button as Btn, Card } from 'native-base';
import * as colors from '../assets/css/Colors';
import { logo_with_name, font_title, font_description } from '../config/Constants';
import back from "../assets/icons/back1.png";
import { StatusBar } from '../components/GeneralComponents';
import { Button, Divider } from 'react-native-elements';
import { app_name } from '../config/Constants';
import wallet from '../assets/icons/wallet.png'

class ContactUs extends Component<Props> {

@@ -28,7 +30,17 @@ class ContactUs extends Component<Props> {
<View>
<View style={styles.con_style1}>
<TouchableOpacity style={styles.con_style2} onPress={this.handleBackButtonClick} activeOpacity={1} >
<Icon onPress={this.handleBackButtonClick} style={styles.con_style3} name='arrow-back' />
<Image
style={{
width: 20,
height: 20,
backgroundColor: "white",
marginVertical: 6,
marginLeft: 2,
}}
source={back}
/>

</TouchableOpacity>
<View style={styles.con_style4} />
<Text style={styles.con_style5}>Contact Us</Text>


+ 13
- 2
src/views/Faq.js View File

@@ -1,8 +1,10 @@
import React, {Component} from 'react';
import { StyleSheet, TouchableOpacity, Text,FlatList } from 'react-native';
import { StyleSheet, TouchableOpacity,Image, Text,FlatList } from 'react-native';
import { Container, Header, Content, List, ListItem, Left, Body, Right, Title, Button, Icon, Row,Col,Card, CardItem, Footer, View } from 'native-base';
import { api_url, faq, font_title, font_description } from '../config/Constants';
import Accordian from '../config/Accordian';

import back from "../assets/icons/back1.png";
import * as colors from '../assets/css/Colors';
import { Loader } from '../components/GeneralComponents';
import axios from 'axios';
@@ -50,7 +52,16 @@ class Faq extends Component<Props> {
<View>
<View style={styles.faq_style1}>
<TouchableOpacity style={styles.faq_style2} onPress={this.handleBackButtonClick} activeOpacity={1} >
<Icon onPress={this.handleBackButtonClick} style={styles.faq_style3} name='arrow-back' />
<Image
style={{
width: 20,
height: 20,
backgroundColor: "white",
marginVertical: 6,
marginLeft: 2,
}}
source={back}
/>
</TouchableOpacity>
<View style={styles.faq_style4} />
<Text style={styles.faq_style5}>Faq</Text>


+ 7
- 0
src/views/Home.js View File

@@ -155,6 +155,13 @@ export default class Home extends Component<Props> {
render() {
return (
<Container>
<StatusBar
barStyle = "light-content"
hidden = {false}
backgroundColor = {colors.theme_bg}
translucent = {false}
networkActivityIndicatorVisible = {true}
/>
<Content padder>
<View style={styles.home_style1}>
<ScrollView


+ 7
- 6
src/views/More.js View File

@@ -71,15 +71,15 @@ export default class More extends Component<Props> {
data={menus}
renderItem={({ item, index }) => (
<ListItem icon onPress={() => this.navigate(item.route)}>
<Left>
<Button style={styles.more_style5}>
<Icon active name={item.icon} />
</Button>
</Left>
{/* <Button style={styles.more_style5}>
{/* <Icon active name={item.icon} /> */}
{/* </Button> */}
<Body>
<Text style={styles.more_style6}>{item.menu_name}</Text>
</Body>
<Right />
{/* <Right /> */}
</ListItem>
)}
keyExtractor={(item) => item.menu_name}
@@ -105,5 +105,6 @@ const styles = StyleSheet.create({
fontSize: 16,
color: colors.theme_fg_two,
fontFamily: font_description,
marginLeft:-12
},
});

+ 447
- 364
src/views/MyBookingDetails.js View File

@@ -1,405 +1,488 @@
import React, { Component } from "react";
import {
View,
Text,
StyleSheet,
Image,
ScrollView,
ImageBackground,
TextInput,
} from "react-native";
import {
Content,
Container,
Header,
Body,
Title,
Footer,
Left,
List,
ListItem,
Row,
Col,
Icon,
Right,
Tab,
Tabs,
Fab,
} from "native-base";
import { Button } from "react-native-elements";
import CardView from "react-native-cardview";

import React,{ Component } from 'react';
import { View,Text, StyleSheet, Image, ScrollView, ImageBackground,TextInput, } from 'react-native';
import { Content, Container, Header, Body, Title, Footer, Left, List, ListItem, Row, Col, Icon, Right, Tab, Tabs, Fab } from 'native-base';
import { Button} from 'react-native-elements';
import CardView from 'react-native-cardview';
import {doctorthree, doctor_one, font_title, font_description, api_url, status_change,accept_booking, img_url, get_new_status, booking_details } from '../config/Constants';
import * as colors from '../assets/css/Colors';
import FontAwesome from 'react-native-vector-icons/FontAwesome';
import { StatusBar, Loader } from '../components/GeneralComponents';
import axios from 'axios';
import Moment from 'moment';
import { fb } from '../config/firebaseConfig';
import {
doctorthree,
doctor_one,
font_title,
font_description,
api_url,
status_change,
accept_booking,
img_url,
get_new_status,
booking_details,
} from "../config/Constants";
import * as colors from "../assets/css/Colors";
import FontAwesome from "react-native-vector-icons/FontAwesome";
import { StatusBar, Loader } from "../components/GeneralComponents";

import back from "../assets/icons/back1.png";
import axios from "axios";
import Moment from "moment";

import { fb } from "../config/firebaseConfig";
import { TouchableOpacity } from "react-native-gesture-handler";
export default class MyBookingDetails extends Component<props> {
constructor(props) {
super(props)
this.handleBackButtonClick = this.handleBackButtonClick.bind(this);
this.state = {
isLoading:false,
data:this.props.route.params.data
};
this.booking_sync();
constructor(props) {
super(props);
this.handleBackButtonClick = this.handleBackButtonClick.bind(this);
this.state = {
isLoading: false,
data: this.props.route.params.data,
};
this.booking_sync();
}
onStarRatingPress(rating) {
this.setState({
starCount: rating
starCount: rating,
});
}

booking_sync = () =>{
fb.ref('/customers/'+global.id+'/bookings/'+this.state.data.id).on('value', snapshot => {
if(snapshot.val() != null){
if(snapshot.val().status != this.state.data.status){
this.get_booking_details();
booking_sync = () => {
fb.ref("/customers/" + global.id + "/bookings/" + this.state.data.id).on(
"value",
(snapshot) => {
if (snapshot.val() != null) {
if (snapshot.val().status != this.state.data.status) {
this.get_booking_details();
}
}
}
});
}
);
};

get_booking_details = async () => {
await axios({
method: 'post',
method: "post",
url: api_url + booking_details,
data: { id : this.state.data.id }
data: { id: this.state.data.id },
})
.then(async response => {
this.setState({ data:response.data.result });
})
.catch(error => {
alert('Sorry something went wrong');
});
}
.then(async (response) => {
this.setState({ data: response.data.result });
})
.catch((error) => {
alert("Sorry something went wrong");
});
};

handleBackButtonClick() {
this.props.navigation.goBack(null);
return true;
}

chat = () =>{
this.props.navigation.navigate('Chat',{ data : this.state.data });
}
chat = () => {
this.props.navigation.navigate("Chat", { data: this.state.data });
};

video = () =>{
this.props.navigation.navigate('VideoCall',{ booking_id : this.state.data.booking_id });
}
video = () => {
this.props.navigation.navigate("VideoCall", {
booking_id: this.state.data.booking_id,
});
};

render() {
return(
return (
<Container>
<Content>
<View>
<Image style={styles.my_style1} source={doctorthree}/>
<ImageBackground
source={doctorthree}
resizeMode="cover"
style={styles.my_style1}
>
<TouchableOpacity
onPress={() => {
this.props.navigation.goBack();
}}
style={{padding:12}}
>
<Image
style={{
width: 20,
height: 20,
backgroundColor: "white",
marginVertical: 6,
marginLeft: 2,
}}
source={back}
/>
</TouchableOpacity>
</ImageBackground>
</View>
<Row style={styles.my_style2}>
<Body>
<Image style={styles.my_style3} source={{ uri : img_url + this.state.data.profile_image}}/>
<Body>
{/* <ImageBackground
source={doctorthree}
resizeMode="cover"
style={styles.my_style1}
>
</ImageBackground> */}
</Body>
</Row>
<CardView>
<View style={styles.my_style4}>
<Text style={styles.my_style5}>
Doctor Informations {this.state.data.name}
</Text>
<View style={styles.my_style6}/>
<View style={styles.my_style7}>
<Row>
<Col style={styles.my_style8}>
<FontAwesome name='user'
size={20}
color='black'
style={styles.my_style9}
/>
</Col>
<Col style={styles.my_style10}>
<Text style={styles.my_style11}>
{this.state.data.doctor.name}
</Text>
</Col>
<View style={styles.my_style12}/>
<Col style={styles.my_style13}>
</Col>
<View style={styles.my_style14}/>
<Col style={styles.my_style15}>
<FontAwesome name='mobile'
size={25}
color='black'
style={styles.my_style16}
/>
</Col>
<Col style={styles.my_style17}>
<Text style={styles.my_style18}>
{this.state.data.doctor.number}
</Text>
</Col>
</Row>
<View style={styles.my_style19}/>
<Row>
<Col style={styles.my_style20}>
<FontAwesome name='envelope'
size={15}
color='black'
style={styles.my_style21}
/>
</Col>
<Col style={styles.my_style22}>
<Text style={styles.my_style23}>
{this.state.data.doctor.email}
</Text>
</Col>
</Row>
</View>
</View>
</CardView>
<View style={styles.my_style24}/>
<CardView>
<View style={styles.my_style25}>
<Text style={styles.my_style26}>
{this.state.data.title}
</Text>
<View style={styles.my_style27}/>
<Text style={styles.my_style28}>
{this.state.data.description}
</Text>
</View>
</CardView>
<View style={styles.my_style29}/>
<CardView>
<View style={styles.my_style30}>
<Text style={styles.my_style31}>
Booking Information
</Text>
<View style={styles.my_style32}/>
<View style={styles.my_style33}>
<Row>
<Col style={styles.my_style34}>
<FontAwesome name='clock-o'
size={20}
color='black'
style={styles.my_style35}
/>
</Col>
<Col style={styles.my_style36}>
<Text style={styles.my_style37}>
Appointment Time
</Text>
<View style={styles.my_style38}/>
<Text style={styles.my_style39}>
{Moment(this.state.data.appointmentTime).format('hh:mm A')}-
{Moment(this.state.data.appointmentTime).format('DD MMM-YYYY')}
</Text>
</Col>
<View style={styles.my_style40}/>
<Col style={styles.my_style41}>
<FontAwesome name='calendar'
size={20}
color='black'
style={styles.my_style42}
/>
</Col>
<Col style={styles.my_style43}>
<Text style={styles.my_style44}>
Booking Date
</Text>
<View style={styles.my_style45}/>
<CardView>
<View style={styles.my_style4}>
<Text style={styles.my_style5}>
Doctor Informations {this.state.data.name}
</Text>
<View style={styles.my_style6} />
<View style={styles.my_style7}>
<Row>
<Col style={styles.my_style46}>
<Text style={styles.my_style47}>
{Moment(this.state.data.start_time).format('DD MMM-YYYY')}
</Text>
<Col style={styles.my_style8}>
<FontAwesome
name="user"
size={20}
color="black"
style={styles.my_style9}
/>
</Col>
</Row>
</Col>
</Row>
<View style={{ margin:10 }} />
<Row>
<Col style={styles.my_style34}>
<FontAwesome name='hospital-o'
size={20}
color='black'
style={styles.my_style35}
/>
</Col>
<Col style={styles.my_style36}>
<Text style={styles.my_style37}>
Booking Type
</Text>
<View style={styles.my_style38}/>
{this.state.data.booking_type == 1 ?
<Text style={styles.my_style39}>
Online consultation
</Text>
:
<Text style={styles.my_style39}>
Direct appointment
</Text>
}
</Col>
</Row>
<View style={styles.my_style48}/>
{this.state.data.booking_id &&
<Row>
<Col style={styles.my_style49}>
<FontAwesome name='id-badge'
size={20}
color='black'
style={styles.my_style50}
/>
</Col>
<Col style={styles.my_style51}>
<Text style={styles.my_style52}>
Booking Id
</Text>
<View style={styles.my_style53}/>
<Text style={styles.my_style54}>
#{this.state.data.booking_id}
</Text>
</Col>
<View style={styles.my_style55}/>
<Col style={styles.my_style56}>
</Col>
<View style={styles.my_style57}/>
</Row>
}
</View>
<View style={styles.my_style58}/>
</View>
</CardView>
<View style={styles.my_style59}/>
{this.state.data.booking_status == 2 && this.state.data.booking_type == 1 &&
<CardView>
<View style={styles.my_style60}>
<Text style={styles.my_style61}>
Communicate
</Text>
<View style={styles.my_style62}/>
<View style={styles.my_style63}>
<Row>
<Col style={styles.my_style64}>
<FontAwesome name='comments'
size={40}
color='black'
onPress={this.chat}
style={styles.my_style65}
/>
<Text style={styles.my_style66}>
Chat
</Text>
</Col>
<Col style={styles.my_style67}>
<FontAwesome name='video-camera'
size={40}
color='black'
onPress={this.video}
style={styles.my_style68}
/>
<Text style={styles.my_style69}>
Video
</Text>
</Col>
{/*<Body style={{alignItems:'center', justifyContent:'center'}}>
<FontAwesome name='phone'
size={40}
color='black'
style={{ color:colors.theme_fg}}
/>
<Text style={{fontSize:12, color:colors.theme_fg_two,fontFamily:font_title}}>
Call
</Text>
</Body>*/}
{ /*<Right style={{alignItems:'center', justifyContent:'center'}}>
<FontAwesome name='video-camera'
size={40}
color='black'
style={{ color:colors.theme_fg}}
/>
<Text style={{fontSize:12, color:colors.theme_fg_two,fontFamily:font_title}}>
Video Call
</Text>
</Right> */}
</Row>
</View>
</View>
</CardView>
}
<Loader visible={this.state.isLoading} />
</Content>
<Col style={styles.my_style10}>
<Text style={styles.my_style11}>
{this.state.data.doctor.name}
</Text>
</Col>
<View style={styles.my_style12} />
<Col style={styles.my_style13} />
<View style={styles.my_style14} />
<Col style={styles.my_style15}>
<FontAwesome
name="mobile"
size={25}
color="black"
style={styles.my_style16}
/>
</Col>
<Col style={styles.my_style17}>
<Text style={styles.my_style18}>
{this.state.data.doctor.number}
</Text>
</Col>
</Row>

<View style={styles.my_style19} />
<Row>
<Col style={styles.my_style20}>
<FontAwesome
name="envelope"
size={15}
color="black"
style={styles.my_style21}
/>
</Col>
<Col style={styles.my_style22}>
<Text style={styles.my_style23}>
{this.state.data.doctor.email}
</Text>
</Col>
</Row>
</View>
</View>
</CardView>
<View style={styles.my_style24} />
<CardView>
<View style={styles.my_style25}>
<Text style={styles.my_style26}>{this.state.data.title}</Text>
<View style={styles.my_style27} />
<Text style={styles.my_style28}>
{this.state.data.description}
</Text>
</View>
</CardView>
<View style={styles.my_style29} />
<CardView>
<View style={styles.my_style30}>
<Text style={styles.my_style31}>Booking Information</Text>
<View style={styles.my_style32} />
<View style={styles.my_style33}>
<Row>
<Col style={styles.my_style34}>
<FontAwesome
name="clock-o"
size={20}
color="black"
style={styles.my_style35}
/>
</Col>
<Col style={styles.my_style36}>
<Text style={styles.my_style37}>Appointment Time</Text>
<View style={styles.my_style38} />
<Text style={styles.my_style39}>
{Moment(this.state.data.appointmentTime).format(
"hh:mm A"
)}
-
{Moment(this.state.data.appointmentTime).format(
"DD MMM-YYYY"
)}
</Text>
</Col>
<View style={styles.my_style40} />
<Col style={styles.my_style41}>
<FontAwesome
name="calendar"
size={20}
color="black"
style={styles.my_style42}
/>
</Col>
<Col style={styles.my_style43}>
<Text style={styles.my_style44}>Booking Date</Text>
<View style={styles.my_style45} />
<Row>
<Col style={styles.my_style46}>
<Text style={styles.my_style47}>
{Moment(this.state.data.start_time).format(
"DD MMM-YYYY"
)}
</Text>
</Col>
</Row>
</Col>
</Row>
<View style={{ margin: 10 }} />
<Row>
<Col style={styles.my_style34}>
<FontAwesome
name="hospital-o"
size={20}
color="black"
style={styles.my_style35}
/>
</Col>
<Col style={styles.my_style36}>
<Text style={styles.my_style37}>Booking Type</Text>
<View style={styles.my_style38} />
{this.state.data.booking_type == 1 ? (
<Text style={styles.my_style39}>Online consultation</Text>
) : (
<Text style={styles.my_style39}>Direct appointment</Text>
)}
</Col>
</Row>
<View style={styles.my_style48} />
{this.state.data.booking_id && (
<Row>
<Col style={styles.my_style49}>
<FontAwesome
name="id-badge"
size={20}
color="black"
style={styles.my_style50}
/>
</Col>
<Col style={styles.my_style51}>
<Text style={styles.my_style52}>Booking Id</Text>
<View style={styles.my_style53} />
<Text style={styles.my_style54}>
#{this.state.data.booking_id}
</Text>
</Col>
<View style={styles.my_style55} />
<Col style={styles.my_style56} />
<View style={styles.my_style57} />
</Row>
)}
</View>
<View style={styles.my_style58} />
</View>
<View style={{ paddingHorizontal: 12, flexDirection: "row" }}>
<Text style={styles.my_style52}>Status :</Text>
<Text style={styles.my_style54}>{this.state.data.status}</Text>
</View>
</CardView>
</Content>
</Container>
);
}
}
}

const styles = StyleSheet.create({
my_style1:{alignSelf:'center',height:200,width:'100%'},
my_style2:{marginTop:-45},
my_style3:{alignSelf:'center',height:90,width:90,borderRadius:45},
my_style4:{backgroundColor:colors.theme_fg_three,width:"100%",padding:10},
my_style5:{fontSize:14, color:colors.theme_fg,fontFamily:font_title},
my_style6:{margin:5},
my_style7:{padding:5},
my_style8:{height:"100%",width:"10%",alignSelf:'center'},
my_style9:{color:colors.theme_fg},
my_style10:{height:"100%",width:"35%",justifyContent:'center',marginLeft:5},
my_style11:{fontSize:12, color:'#C4C3C3',fontFamily:font_description},
my_style12:{margin:2},
my_style13:{height:"100%",width:"5%",alignSelf:'center'},
my_style14:{margin:5},
my_style15:{height:"100%",width:"10%",alignSelf:'center'},
my_style16:{color:colors.theme_fg},
my_style17:{height:"100%",width:"90%",justifyContent:'center',marginLeft:5},
my_style18:{fontSize:12, color:'#C4C3C3',fontFamily:font_description},
my_style19:{margin:5},
my_style20:{height:"100%",width:"10%",alignSelf:'center'},
my_style21:{color:colors.theme_fg},
my_style22:{height:"100%",width:"90%",justifyContent:'center',marginLeft:5},
my_style23:{fontSize:12, color:'#C4C3C3',fontFamily:font_description},
my_style24:{margin:2},
my_style25:{backgroundColor:colors.theme_fg_three,width:"100%",padding:10},
my_style26:{fontSize:14, color:colors.theme_fg,fontFamily:font_title},
my_style27:{margin:5},
my_style28:{fontSize:12,paddingRight:20, color:'#C4C3C3',fontFamily:font_description},
my_style29:{margin:2},
my_style30:{backgroundColor:colors.theme_fg_three,width:"100%",padding:10},
my_style31:{fontSize:14, color:colors.theme_fg,fontFamily:font_title},
my_style32:{margin:5},
my_style33:{padding:5},
my_style34:{height:"100%",width:"10%",alignSelf:'center'},
my_style35:{color:colors.theme_fg},
my_style36:{height:"100%",width:"45%",alignSelf:'center',marginLeft:5},
my_style37:{fontSize:12, color:'#C4C3C3',fontFamily:font_title},
my_style38:{margin:2},
my_style39:{fontSize:14, color:colors.theme_fg_five,fontFamily:font_description},
my_style40:{margin:5},
my_style41:{height:"100%",width:"10%",alignSelf:'center'},
my_style42:{color:colors.theme_fg},
my_style43:{height:"100%",width:"35%",alignSelf:'center',marginLeft:5},
my_style44:{fontSize:12, color:'#C4C3C3',fontFamily:font_title},
my_style45:{margin:2},
my_style46:{height:"100%",width:"70%",alignSelf:'center'},
my_style47:{fontSize:14, color:colors.theme_fg_five,fontFamily:font_description},
my_style48:{margin:10},
my_style49:{height:"100%",width:"10%",alignSelf:'center'},
my_style50:{color:colors.theme_fg},
my_style51:{height:"100%",width:"35%",alignSelf:'center',marginLeft:5},
my_style52:{fontSize:12, color:'#C4C3C3',fontFamily:font_title},
my_style53:{margin:2},
my_style54:{fontSize:14, color:colors.theme_fg_five,fontFamily:font_description},
my_style55:{margin:2},
my_style56:{height:"100%",width:"5%",alignSelf:'center'},
my_style57:{margin:5},
my_style58:{margin:5},
my_style59:{margin:2},
my_style60:{backgroundColor:colors.theme_fg_three,width:"100%",padding:10},
my_style61:{fontSize:14, color:colors.theme_fg,fontFamily:font_title},
my_style62:{margin:5},
my_style63:{padding:5},
my_style64:{alignItems:'center', justifyContent:'center'},
my_style65:{color:colors.theme_fg},
my_style66:{fontSize:12, color:colors.theme_fg_two,fontFamily:font_title},
my_style67:{alignItems:'center', justifyContent:'center'},
my_style68:{color:colors.theme_fg},
my_style69:{fontSize:12, color:colors.theme_fg_two,fontFamily:font_title},
my_style1: { alignSelf: "center", height: 250, width: "100%" },
my_style2: { marginTop: -45 },
my_style3: { alignSelf: "center", height: 90, width: 90, borderRadius: 45 },
my_style4: {
backgroundColor: colors.theme_fg_three,
width: "100%",
padding: 10,
},
my_style5: { fontSize: 14, color: colors.theme_fg, fontFamily: font_title },
my_style6: { margin: 5 },
my_style7: { padding: 5 },
my_style8: { height: "100%", width: "10%", alignSelf: "center" },
my_style9: { color: colors.theme_fg },
my_style10: {
height: "100%",
width: "35%",
justifyContent: "center",
marginLeft: 5,
},
my_style11: { fontSize: 12, color: "#C4C3C3", fontFamily: font_description },
my_style12: { margin: 2 },
my_style13: { height: "100%", width: "5%", alignSelf: "center" },
my_style14: { margin: 5 },
my_style15: { height: "100%", width: "10%", alignSelf: "center" },
my_style16: { color: colors.theme_fg },
my_style17: {
height: "100%",
width: "90%",
justifyContent: "center",
marginLeft: 5,
},
my_style18: { fontSize: 12, color: "#C4C3C3", fontFamily: font_description },
my_style19: { margin: 5 },
my_style20: { height: "100%", width: "10%", alignSelf: "center" },
my_style21: { color: colors.theme_fg },
my_style22: {
height: "100%",
width: "90%",
justifyContent: "center",
marginLeft: 5,
},
my_style23: { fontSize: 12, color: "#C4C3C3", fontFamily: font_description },
my_style24: { margin: 2 },
my_style25: {
backgroundColor: colors.theme_fg_three,
width: "100%",
padding: 10,
},
my_style26: { fontSize: 14, color: colors.theme_fg, fontFamily: font_title },
my_style27: { margin: 5 },
my_style28: {
fontSize: 12,
paddingRight: 20,
color: "#C4C3C3",
fontFamily: font_description,
},
my_style29: { margin: 2 },
my_style30: {
backgroundColor: colors.theme_fg_three,
width: "100%",
padding: 10,
},
my_style31: { fontSize: 14, color: colors.theme_fg, fontFamily: font_title },
my_style32: { margin: 5 },
my_style33: { padding: 5 },
my_style34: { height: "100%", width: "10%", alignSelf: "center" },
my_style35: { color: colors.theme_fg },
my_style36: {
height: "100%",
width: "45%",
alignSelf: "center",
marginLeft: 5,
},
my_style37: { fontSize: 12, color: "#C4C3C3", fontFamily: font_title },
my_style38: { margin: 2 },
my_style39: {
fontSize: 14,
color: colors.theme_fg_five,
fontFamily: font_description,
},
my_style40: { margin: 5 },
my_style41: { height: "100%", width: "10%", alignSelf: "center" },
my_style42: { color: colors.theme_fg },
my_style43: {
height: "100%",
width: "35%",
alignSelf: "center",
marginLeft: 5,
},
my_style44: { fontSize: 12, color: "#C4C3C3", fontFamily: font_title },
my_style45: { margin: 2 },
my_style46: { height: "100%", width: "70%", alignSelf: "center" },
my_style47: {
fontSize: 14,
color: colors.theme_fg_five,
fontFamily: font_description,
},
my_style48: { margin: 10 },
my_style49: { height: "100%", width: "10%", alignSelf: "center" },
my_style50: { color: colors.theme_fg },
my_style51: {
height: "100%",
width: "35%",
alignSelf: "center",
marginLeft: 5,
},
my_style52: { fontSize: 12, color: "#C4C3C3", fontFamily: font_title },
my_style53: { margin: 2 },
my_style54: {
fontSize: 14,
color: colors.theme_fg_five,
fontFamily: font_description,
},
my_style55: { margin: 2 },
my_style56: { height: "100%", width: "5%", alignSelf: "center" },
my_style57: { margin: 5 },
my_style58: { margin: 5 },
my_style59: { margin: 2 },
my_style60: {
backgroundColor: colors.theme_fg_three,
width: "100%",
padding: 10,
},
my_style61: { fontSize: 14, color: colors.theme_fg, fontFamily: font_title },
my_style62: { margin: 5 },
my_style63: { padding: 5 },
my_style64: { alignItems: "center", justifyContent: "center" },
my_style65: { color: colors.theme_fg },
my_style66: {
fontSize: 12,
color: colors.theme_fg_two,
fontFamily: font_title,
},
my_style67: { alignItems: "center", justifyContent: "center" },
my_style68: { color: colors.theme_fg },
my_style69: {
fontSize: 12,
color: colors.theme_fg_two,
fontFamily: font_title,
},

title: {
fontSize: 18,
color:'#1065cd',
marginTop:10,
marginRight:30,
fontFamily:font_title
},
header: {
marginRight:10,
marginTop:10,
alignSelf: 'center'
},
imagethree:{
alignSelf:'center',
height:40,
width:40,
borderRadius:100,
},
fontSize: 18,
color: "#1065cd",
marginTop: 10,
marginRight: 30,
fontFamily: font_title,
},
header: {
marginRight: 10,
marginTop: 10,
alignSelf: "center",
},
imagethree: {
alignSelf: "center",
height: 40,
width: 40,
borderRadius: 100,
},
});

+ 42
- 2
src/views/MyOrders.js View File

@@ -249,12 +249,52 @@ getOrders =async()=>{
{item.title}
</Text>
<View style={styles.order_style10} />
{this.get_status(

{item.status=='Pending' &&
<View
style={{width:120,borderRadius:12,justifyContent:'center',alignItems:'center',backgroundColor:'#e7e7e7',alignContent:'center',}}>
<Text
style={{color:'black'}}>
Pending
</Text>
</View>
}



{item.status=='Accepted' &&
<View
style={{width:120,borderRadius:12,justifyContent:'center',alignItems:'center',backgroundColor:'#4CAF50',alignContent:'center',}}>
<Text
style={{color:'white'}}>
Pending
</Text>
</View>
}


{item.status=='Rejected' &&
<View
style={{width:120,borderRadius:12,justifyContent:'center',alignItems:'center',backgroundColor:'#f44336',alignContent:'center',}}>
<Text
style={{color:'white'}}>
Pending
</Text>
</View>
}
{/* <View
style={{width:120,borderRadius:12,justifyContent:'center',alignItems:'center',backgroundColor:'#f44336',alignContent:'center',}}>
<Text
style={{color:'white'}}>
Pending
</Text>
</View> */}
{/* {this.get_status(
item.status,
item.status,
item.status,
item.status
)}
)} */}
</Col>
<Col style={styles.order_style11}>
<Text style={styles.order_style13}>


+ 11
- 4
src/views/OrderDetails.js View File

@@ -23,6 +23,8 @@ import ProgressCircle from "react-native-progress-circle";
import { Divider } from "react-native-elements";
import Moment from "moment";
import axios from "axios";

import wallet1 from "../assets/icons/back1.png";
import {
tablet,
cancelation_reasons,
@@ -172,10 +174,15 @@ export default class OrderDetails extends Component<Props> {
onPress={this.handleBackButtonClick}
activeOpacity={1}
>
<Icon
onPress={this.handleBackButtonClick}
style={styles.od_style3}
name="arrow-back"
<Image
style={{
width: 20,
height: 20,
marginVertical: 6,
marginLeft: 7,
}}
source={wallet1}
/>
</TouchableOpacity>
<View style={styles.od_style4} />


+ 13
- 2
src/views/PrivacyPolicy.js View File

@@ -1,5 +1,6 @@
import React, {Component} from 'react';
import { StyleSheet, Text, View, TouchableOpacity } from 'react-native';
import { StyleSheet, Text, View, TouchableOpacity,Image } from 'react-native';
import back from "../assets/icons/back1.png";
import { Container, Header, Content, Left, Body, Right, Title, Button, Icon, Row, Card } from 'native-base';
import * as colors from '../assets/css/Colors';
import { Loader } from '../components/GeneralComponents';
@@ -43,7 +44,17 @@ class PrivacyPolicy extends Component<Props> {
<View>
<View style={styles.pri_style1}>
<TouchableOpacity style={styles.pri_style2} onPress={this.handleBackButtonClick} activeOpacity={1} >
<Icon onPress={this.handleBackButtonClick} style={styles.pri_style3} name='arrow-back' />
<Image
style={{
width: 20,
height: 20,
backgroundColor: "white",
marginVertical: 6,
marginLeft: 2,
}}
source={back}
/>

</TouchableOpacity>
<View style={styles.pri_style4} />
<Text style={styles.pri_style5}>Privacy Policy</Text>


+ 2
- 2
src/views/Profile.js View File

@@ -606,7 +606,7 @@ post=async()=>{
}
/>
</View>
<View style={styles.pro_style22}>
{/* <View style={styles.pro_style22}>
<Input
inputStyle={styles.pro_style23}
placeholder="**********"
@@ -621,7 +621,7 @@ post=async()=>{
this.setState({ password: TextInputValue })
}
/>
</View>
</View> */}
<View style={styles.pro_style26}>
<Text style={styles.pro_style27}>Blood Group</Text>
<Picker


+ 24
- 3
src/views/Wallet.js View File

@@ -1,7 +1,8 @@
import React, {Component} from 'react';
import { StyleSheet, Text, View, FlatList, TouchableOpacity } from 'react-native';
import { StyleSheet, Text, View, FlatList, TouchableOpacity,Image } from 'react-native';
import { Content, Container, Header, Body, Title, Left, Icon, Right, Button as Btn, Card, CardItem, List, ListItem, Thumbnail, Row} from 'native-base';
import * as colors from '../assets/css/Colors';
import back from "../assets/icons/back1.png";
import axios from 'axios';
import { Loader } from '../components/GeneralComponents';
import { wallet_icon, api_url, get_wallet, add_wallet ,font_description,font_title , no_wallet_lottie} from '../config/Constants';
@@ -9,6 +10,7 @@ import { Button } from 'react-native-elements';
import DialogInput from 'react-native-dialog-input';
import Moment from 'moment';
import RazorpayCheckout from 'react-native-razorpay';
import wallet1 from '../assets/icons/wallet.png'
import LottieView from 'lottie-react-native';
class Wallet extends Component<Props> {

@@ -107,7 +109,16 @@ class Wallet extends Component<Props> {
<View>
<View style={styles.wall_style1}>
<TouchableOpacity style={styles.wall_style2} onPress={this.handleBackButtonClick} activeOpacity={1} >
<Icon onPress={this.handleBackButtonClick} style={styles.wall_style3} name='arrow-back' />
<Image
style={{
width: 20,
height: 20,
backgroundColor: "white",
marginVertical: 6,
marginLeft: 2,
}}
source={back}
/>
</TouchableOpacity>
<View style={styles.wall_style4} />
<Text style={styles.wall_style5}>Wallet</Text>
@@ -118,7 +129,17 @@ class Wallet extends Component<Props> {
<CardItem header bordered style={styles.wall_style7}>
<Left>
<View>
<Icon style={styles.wall_style8} name='ios-wallet' />
<Image
style={{
width: 20,
height: 20,
backgroundColor: "white",
marginVertical: 6,
marginLeft: 2,
}}
source={wallet1}
/>

</View>
<View style={styles.wall_style9} />
<View>


Loading…
Cancel
Save