Reza_ashrafi
3 years ago
parent
5ff1acee71
commit
23f9797a0b
16 changed files with 638 additions and 673 deletions
@ -1,141 +0,0 @@ |
||||
import { |
||||
View, |
||||
Text, |
||||
ScrollView, |
||||
Appearance, |
||||
Platform, |
||||
} from "react-native"; |
||||
import Divider from "../Divider"; |
||||
import { connect } from "react-redux"; |
||||
import React from "react"; |
||||
|
||||
//style
|
||||
import fontSize from "../../constants/fontSize"; |
||||
import tw from "tailwind-rn"; |
||||
import Colors from "../../constants/Colors"; |
||||
|
||||
const ios = Platform.OS === "ios"; |
||||
|
||||
const ProductQuestion = ({ list, mobile, theme }) => { |
||||
return ( |
||||
<View style={{ flex: 1, paddingHorizontal: 16 }}> |
||||
<View |
||||
onPress={() => refRBSheet.current.open()} |
||||
style={[ |
||||
tw( |
||||
`flex flex-row-reverse justify-between items-center mt-3 rounded-md px-2 ${ |
||||
mobile ? "py-3" : "py-4" |
||||
} mb-4` |
||||
), |
||||
{ |
||||
backgroundColor: Colors.theme1[theme].greenFF1, |
||||
}, |
||||
]} |
||||
> |
||||
<Text |
||||
style={[ |
||||
{ |
||||
fontSize: mobile ? fontSize.sm : fontSize.xl3, |
||||
color: Colors.theme1[theme].green79, |
||||
fontFamily: "demi", |
||||
}, |
||||
]} |
||||
> |
||||
پرسش و پاسخ |
||||
</Text> |
||||
</View> |
||||
<ScrollView style={tw("flex-1")}> |
||||
{/* {list?.map((question, index) => ( |
||||
<Question question={question} key={index} mobile={mobile} /> |
||||
))} */} |
||||
</ScrollView> |
||||
</View> |
||||
); |
||||
}; |
||||
|
||||
const Question = ({ question, mobile, theme }) => { |
||||
return ( |
||||
<View style={[tw("flex mb-3")]}> |
||||
<Text |
||||
style={{ |
||||
fontFamily: "bold", |
||||
color: Colors.theme1[theme].green79, |
||||
fontSize: mobile ? fontSize.tiny : fontSize.xl3, |
||||
textAlign: ios ? "right" : "auto", |
||||
}} |
||||
> |
||||
سوال |
||||
</Text> |
||||
<Text |
||||
style={{ |
||||
fontFamily: "bold", |
||||
color: "#323232", |
||||
fontSize: mobile ? fontSize.sm : fontSize.base, |
||||
textAlign: ios ? "right" : "auto", |
||||
}} |
||||
> |
||||
{question?.question} |
||||
</Text> |
||||
{question?.answer && ( |
||||
<> |
||||
<Text |
||||
style={{ |
||||
fontFamily: "bold", |
||||
color: Colors.theme1[theme].green79, |
||||
fontSize: fontSize.tiny, |
||||
marginTop: 10, |
||||
textAlign: ios ? "right" : "auto", |
||||
}} |
||||
> |
||||
پاسخ |
||||
</Text> |
||||
<Text |
||||
style={{ |
||||
fontFamily: "bold", |
||||
color: Colors.theme1[theme].gray2077, |
||||
fontSize: mobile ? fontSize.sm : fontSize.base, |
||||
textAlign: ios ? "right" : "auto", |
||||
marginTop: mobile ? "" : 10, |
||||
}} |
||||
> |
||||
{question?.answer} |
||||
</Text> |
||||
</> |
||||
)} |
||||
{/* <View></View> */} |
||||
<Divider type="vertical" /> |
||||
</View> |
||||
); |
||||
}; |
||||
|
||||
const mapStateToProps = (state) => ({ |
||||
mobile: state.publicApi.mobile, |
||||
theme: state.publicApi.theme |
||||
}); |
||||
|
||||
export default connect(mapStateToProps)(ProductQuestion); |
||||
|
||||
ProductQuestion.defaultProps = { |
||||
list: [ |
||||
{ |
||||
question: |
||||
"خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ؟", |
||||
answer: |
||||
"خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ", |
||||
like: 10, |
||||
}, |
||||
{ |
||||
question: |
||||
"خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ؟", |
||||
answer: null, |
||||
like: 0, |
||||
}, |
||||
{ |
||||
question: |
||||
"خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ؟", |
||||
answer: |
||||
"خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ", |
||||
like: 10, |
||||
}, |
||||
], |
||||
}; |
||||
@ -1,122 +0,0 @@ |
||||
import { View, Text, ScrollView, Dimensions, Platform } from "react-native"; |
||||
import React from "react"; |
||||
import {connect} from 'react-redux'; |
||||
|
||||
//style
|
||||
import fontSize from "../../constants/fontSize"; |
||||
import Colors from "../../constants/Colors"; |
||||
import tw from "tailwind-rn"; |
||||
|
||||
const { width } = Dimensions.get("window"); |
||||
const ios = Platform.OS === "ios"; |
||||
|
||||
const ProductSpecifications = ({ list, mobile, theme }) => { |
||||
|
||||
const Property = ({ prop }) => { |
||||
return ( |
||||
<View style={[tw("flex flex-row-reverse mb-3")]}> |
||||
<View |
||||
style={[ |
||||
tw("rounded-md rounded-md"), |
||||
{ backgroundColor: "#f8f8f8", width: width / 3.5 }, |
||||
]} |
||||
> |
||||
<Text |
||||
style={[ |
||||
tw(`pr-2 ${mobile ? "py-3" : "py-4"}`), |
||||
{ |
||||
fontFamily: "regular", |
||||
fontSize: mobile ? fontSize.sm : fontSize.lg, |
||||
color: "#07AFAF", |
||||
textAlign: ios ? "right" : "auto" |
||||
}, |
||||
]} |
||||
> |
||||
{prop?.description || 'description'} |
||||
</Text> |
||||
</View> |
||||
<View |
||||
style={[ |
||||
tw(`flex-1 mr-2 rounded-md px-2 ${mobile ? " py-3" : "py-4"}`), |
||||
{ backgroundColor: "#f8f8f8" }, |
||||
]} |
||||
> |
||||
<Text |
||||
style={[ |
||||
tw("text-right"), |
||||
{ |
||||
fontFamily: "regular", |
||||
fontSize: mobile ? fontSize.sm : fontSize.base, |
||||
color: "#646464", |
||||
}, |
||||
]} |
||||
> |
||||
{prop?.value || 'value'} |
||||
</Text> |
||||
</View> |
||||
</View> |
||||
); |
||||
}; |
||||
|
||||
return ( |
||||
<View style={{ flex: 1, paddingHorizontal: 16 }}> |
||||
<View |
||||
onPress={() => refRBSheet.current.open()} |
||||
style={[ |
||||
tw( |
||||
"flex flex-row-reverse justify-between items-center mt-3 rounded-md px-3 py-3 mb-4" |
||||
), |
||||
{ |
||||
backgroundColor: Colors.theme1[theme].greenFF1 , |
||||
}, |
||||
]} |
||||
> |
||||
<Text |
||||
style={[ |
||||
{ |
||||
fontSize: fontSize.sm, |
||||
color: Colors.theme1[theme].green79 , |
||||
fontFamily: "demi", |
||||
}, |
||||
]} |
||||
> |
||||
مشخصات محصول |
||||
</Text> |
||||
</View> |
||||
<ScrollView style={tw("flex-1")}> |
||||
{list?.map((prop, index) => ( |
||||
<Property prop={prop} key={index} /> |
||||
))} |
||||
</ScrollView> |
||||
</View> |
||||
); |
||||
}; |
||||
|
||||
const mapStateToProps = (state) => ({ |
||||
mobile: state.publicApi.mobile, |
||||
theme : state.publicApi.theme |
||||
}); |
||||
|
||||
export default connect(mapStateToProps)(ProductSpecifications); |
||||
|
||||
ProductSpecifications.defaultProps = { |
||||
list: { |
||||
display: "IPS LCD 4K Samsung backlight", |
||||
weight: "2 کیلوگرم", |
||||
proccessor: "Intel core I7 11700H", |
||||
graphic: "Nvidia 3090TI 6GB", |
||||
audio: "Sonic master", |
||||
keyboard: "جزیره ای", |
||||
accessories: "کیف + کابل تبدیل برق شهری", |
||||
}, |
||||
}; |
||||
|
||||
const persian = { |
||||
display: "صفحه نمایش", |
||||
weight: "وزن", |
||||
proccessor: "پردازنده", |
||||
graphic: "پردازنده گرافیکی", |
||||
audio: "کارت صدا", |
||||
keyboard: "کیبرد", |
||||
accessories: "متعلقات جعبه", |
||||
}; |
||||
Loading…
Reference in new issue