import React from "react"; import { View, Text, Dimensions, StyleSheet, Image, TouchableOpacity, } from "react-native"; import { useNavigation } from "@react-navigation/native"; import { connect } from "react-redux"; import Svg, { Path } from "react-native-svg"; import moment from "jalali-moment"; //style import tw from "tailwind-rn"; import fontSize from "../../../constants/fontSize"; import Colors from "../../../constants/Colors"; const width = Dimensions.get("window").width; const colors = { 1: "#FFF700", 4: "#FF0000", 3: "#4CFF00", 2: "#196EC0", }; const status = { 1: "در حال پردازش", 4: "درخواست رد شد", 3: "تکمیل شد", 2: "ارسال شده", }; function Order({ order, mobile, theme }) { const navigation = useNavigation(); return ( {"شماره سفارش:" + " " + order?.transactionId} {status[order?.condition]} {order?.userProducts?.map((product, index) => ( ))} {"کد تحویل:" + " " + order?.followCode} {"جمع فاکتور:" + " " + order?.payPrice} navigation.navigate("Order", { order: order })} style={[ tw( "rounded-md flex flex-row-reverse justify-center items-center px-5 py-2" ), { borderWidth: 1, borderColor: Colors.theme1.greenCF, }, ]} > جزئیات سفارش {"تاریخ سفارش:" + " " + moment(order?.payedAt)?.format("jYYYY/jMM/jDD")} ); } const mapStateToProps = (state) => ({ mobile: state.publicApi.mobile, theme: state.publicApi.theme, }); export default connect(mapStateToProps)(Order); const styles = StyleSheet.create({ contentContainerStyle: { paddingBottom: 50, alignItems: "flex-end", }, container: { width: width, backgroundColor: "white", flexDirection: "column", paddingVertical: 5, paddingHorizontal: 10, }, });