diff --git a/src/components/Header.js b/src/components/Header.js new file mode 100644 index 0000000..afbd78f --- /dev/null +++ b/src/components/Header.js @@ -0,0 +1,33 @@ +import React from 'react'; +import {View, Text, Dimensions, Image} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Header({icon, title, description, background}) { + return ( + + + + + {title} + + + {description} + + + ); +} diff --git a/src/components/Pressable.js b/src/components/Pressable.js new file mode 100644 index 0000000..5b7c77f --- /dev/null +++ b/src/components/Pressable.js @@ -0,0 +1,28 @@ +import React from 'react'; +import {Pressable, Text, Dimensions} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; + +const fullWidth = Dimensions.get('window').width; + +export default function Pressable1({ + title, + backgroundColor, + color, + border, + width, +}) { + return ( + + {title} + + ); +} diff --git a/src/screens/Product/assets/arrowMore.png b/src/screens/Product/assets/arrowMore.png new file mode 100644 index 0000000..a9c0cf6 Binary files /dev/null and b/src/screens/Product/assets/arrowMore.png differ diff --git a/src/screens/Product/assets/poster.png b/src/screens/Product/assets/poster.png new file mode 100644 index 0000000..c109e7c Binary files /dev/null and b/src/screens/Product/assets/poster.png differ diff --git a/src/screens/Product/assets/user.png b/src/screens/Product/assets/user.png new file mode 100644 index 0000000..ccf1e39 Binary files /dev/null and b/src/screens/Product/assets/user.png differ diff --git a/src/screens/Product/components/Book.js b/src/screens/Product/components/Book.js new file mode 100644 index 0000000..725cfff --- /dev/null +++ b/src/screens/Product/components/Book.js @@ -0,0 +1,192 @@ +import {t} from 'i18next'; +import React from 'react'; +import { + View, + Text, + Image, + Dimensions, + ScrollView, + Pressable, +} from 'react-native'; +import CustomPressable from '../../../components/Pressable'; +import Description from './Description'; +import LinkBox from './LinkBox'; +import Comments from './Comments'; +import Rates from './Rates'; +import tw from 'tailwind-react-native-classnames'; +import arrowMoreIcon from '../assets/arrowMore.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Book({product}) { + return ( + + + + + + + + + + {product.name} + + + {product.grade} + + + + {product.text} + + + + + + + {' '} + {473 + '\n' + 'صفحه'} + + + + + + {' '} + {'فیزیکی- دیجیتالی - ویدئو' + '\n' + 'در دسترس'} + + + + + + {' '} + {4.8 + '\n' + 'امتیاز'} + + + + + + نسخه محصول را انتخاب کنید + + + + + + + + + + + + + مشاهده دوره ویدئویی این محصول + + + + + + + + + + امتیازات و نظرات + + + + + + + ); +} diff --git a/src/screens/Product/components/Comments.js b/src/screens/Product/components/Comments.js new file mode 100644 index 0000000..b2e904c --- /dev/null +++ b/src/screens/Product/components/Comments.js @@ -0,0 +1,61 @@ +import React from 'react'; +import {View, Text, ScrollView, Image, Dimensions} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; + +const width = Dimensions.get('window').width; + +export default function Commnets({comments}) { + return ( + + {comments.map((comment, index) => ( + + ))} + + ); +} + +const Comment = ({comment}) => { + return ( + + + + + + {comment.name} + + + + 18:20 + + + 1400/08/19 + + + + + {comment.message} + + + ); +}; diff --git a/src/screens/Product/components/Description.js b/src/screens/Product/components/Description.js new file mode 100644 index 0000000..082c894 --- /dev/null +++ b/src/screens/Product/components/Description.js @@ -0,0 +1,35 @@ +import React from 'react'; +import {View, Text, Dimensions, Image} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import arrowMoreIcon from '../assets/arrowMore.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Description({description}) { + return ( + + + + توضیحات + + + + + {description} + + + ); +} diff --git a/src/screens/Product/components/LinkBox.js b/src/screens/Product/components/LinkBox.js new file mode 100644 index 0000000..9f04945 --- /dev/null +++ b/src/screens/Product/components/LinkBox.js @@ -0,0 +1,31 @@ +import React from 'react'; +import {View, Text, Dimensions, Image} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import arrowMoreIcon from '../assets/arrowMore.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Description({title, path}) { + return ( + + + {title} + + + + ); +} diff --git a/src/screens/Product/components/Rates.js b/src/screens/Product/components/Rates.js new file mode 100644 index 0000000..2a41ca6 --- /dev/null +++ b/src/screens/Product/components/Rates.js @@ -0,0 +1,61 @@ +import React from 'react'; +import {View, Text, Dimensions} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; + +const width = Dimensions.get('window').width; + +export default function Rates({rates}) { + return ( + + + + {rates.mid} + + + {'از' + ' ' + rates.allRates + ' ' + 'نفر'} + + + + {rates.fields.map((field, index) => ( + + ))} + + + ); +} + +const Progress = ({data}) => { + return ( + + {data.name} + + + + + {data.value + '%'} + + + ); +}; diff --git a/src/screens/Product/components/Video.js b/src/screens/Product/components/Video.js new file mode 100644 index 0000000..93e9437 --- /dev/null +++ b/src/screens/Product/components/Video.js @@ -0,0 +1,207 @@ +import {t} from 'i18next'; +import React from 'react'; +import { + View, + Text, + Image, + Dimensions, + ScrollView, + Pressable, +} from 'react-native'; +import CustomPressable from '../../../components/Pressable'; +import Description from './Description'; +import LinkBox from './LinkBox'; +import Comments from './Comments'; +import Rates from './Rates'; +import tw from 'tailwind-react-native-classnames'; +import arrowMoreIcon from '../assets/arrowMore.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Video({product}) { + return ( + + + + {/* */} + + + + + + + + {product.name} + + + {product.grade} + + + + {product.text} + + + + + + + {' '} + {473 + '\n' + 'صفحه'} + + + + + + {' '} + {'فیزیکی- دیجیتالی - ویدئو' + '\n' + 'در دسترس'} + + + + + + {' '} + {4.8 + '\n' + 'امتیاز'} + + + + + + نسخه محصول را انتخاب کنید + + + + + + + + + + + + + مشاهده دوره ویدئویی این محصول + + + + + + + + + + امتیازات و نظرات + + + + + + + ); +} diff --git a/src/screens/Product/index.js b/src/screens/Product/index.js index 89e540a..75462e3 100644 --- a/src/screens/Product/index.js +++ b/src/screens/Product/index.js @@ -1,218 +1,76 @@ import React from 'react'; -import { - View, - Image, - Text, - StyleSheet, - Pressable, - Dimensions, - ScrollView, - SafeAreaView, -} from 'react-native'; -import Colors from '../../constants/Colors'; +import {View, StyleSheet, Dimensions, ScrollView} from 'react-native'; +import Book from './components/Book'; +import Video from './components/Video'; import {connect} from 'react-redux'; +import userImage from './assets/user.png'; +import poster from './assets/poster.png'; function Product({ - item = { + product = { + type: 'ویدئوها', name: 'ریاضی', price: '145.000 تومان', imageUrl: 'https://dnvn.ir/api/v1/file/2105', + poster : poster, grade: 'پایه هفتم ابتدایی', + text: 'خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ', + description: + 'خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ﺩﺍﺩ : ﺩﺭ ﺯﻧﺪﮔﯽ ﺩﺭﻭﻍ ﻧﮕﻮ ﭼﺮﺍ ﮐﻪ ﺍﮔﺮ ﮔﻔﺘﯽ ﺻﺪﺍﻗﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﯿﺎﻧﺖ ﻧﮑﻦ ﮐﻪ ﺍﮔﺮ ﮐﺮﺩﯼ ﻋﺸﻖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﺸﻮﻧﺖ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﻣﺤﺒﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﻧﺎ ﺣﻖ ﻧﮕﻮ ﺍﮔﺮ ﮔﻔﺘﯽ ﺣﻖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺑﯽ ﺣﯿﺎﯾﯽ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﺷﺮﺍﻓﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍی... ﭘﺲ ﺩﺭ ﺯﻧﺪﮔﯽ ﻓﻘﻂ ﺩﺯﺩﯼ نکن ', + rates: { + mid: 4.5, + allRates: 2456, + fields: [ + {name: 'field1', value: 49}, + {name: 'field2', value: 31}, + {name: 'field3', value: 9}, + {name: 'field4', value: 5}, + {name: 'field5', value: 4}, + ], + }, + comments: [ + { + name: 'سورنا عابدی', + imageUrl: userImage, + vote: 4, + date: new Date(), + message: + 'خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ', + }, + { + name: 'سورنا عابدی', + imageUrl: userImage, + vote: 4, + date: new Date(), + message: + 'خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ', + }, + ], }, }) { return ( - - - - - {item.name} - {item.grade} - - - خرید نسخه چاپی - - - خرید نسخه دیجیتال - - - - - مطالعه نمونه کتاب - - - - خلاصه ای از کتاب - - لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با - استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله - در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد - نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. - کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان - جامعه و{' '} - - - - - - نظرات خریداران - - - - - - - - - - - + + {product.type === 'ویدئوها' ? ( + ); } -const BookOptions = props => { - return ( - - {props.title} - {props.items.map((item, i) => ( - - {'+' + ' ' + item} - - ))} - - ); -}; - -const Comment = props => { - return ; -}; - -const fullWidth = Dimensions.get('window').width; - -var styles = StyleSheet.create({ +const styles = StyleSheet.create({ + contentContainerStyle: { + paddingBottom: 50, + }, container: { - flex: 1, - padding: 10, + width: Dimensions.get('window').width, + backgroundColor: 'white', flexDirection: 'column', - alignItems: 'center', - paddingHorizontal: 10, - }, - productImage: { - width: 250, - height: 350, - borderRadius: 10, - }, - productName: { - marginTop: 8, - fontSize: 26, - fontWeight: '600', - color: Colors.green, - }, - productGrade: { - marginTop: 10, - fontSize: 12, - fontWeight: '600', - color: 'black', - }, - addToCart: { - flex: 1, - display: 'flex', - flexDirection: 'row', - justifyContent: 'center', - paddingVertical: 12, - }, - digitalVersion: { - backgroundColor: '#e9e9e9', - borderTopRightRadius: 10, - borderBottomRightRadius: 10, - }, - paperVersion: { - backgroundColor: Colors.green1, - borderTopLeftRadius: 10, - borderBottomLeftRadius: 10, - }, - paperVersionText: { - color: 'white', - }, - example: { - borderWidth: 1, - borderColor: Colors.red, - borderRadius: 10 - }, - exampleText: { - color: Colors.red, - textAlign: 'right', - }, - summaryText: { - fontSize: 14, - textAlign: 'right', - marginBottom: 20, - }, - summaryTitle: { - fontSize: 18, - marginBottom: 5, - marginTop: 10, - fontWeight: '600', - textAlign: 'right', - }, - bookOptions: { - marginTop: 10, - marginBottom: 15, - borderRadius: 8, - paddingVertical: 20, + paddingVertical: 5, paddingHorizontal: 10, - alignItems: 'flex-end', - }, - bookOptionsTitle: { - fontSize: 16, - marginBottom: 10, - }, - bookOptionsItems: { - marginBottom: 5, - fontSize: 13, - }, - comment: { - width: 200, - height: 100, - backgroundColor: '#FFFAC9', - borderRadius: 10, - marginLeft: 20, - }, - flexRow: { - marginTop: 10, - width: fullWidth, - flex: 1, - display: 'flex', - flexDirection: 'row', - paddingHorizontal : 10 - }, - flexColumn: { - marginTop: 10, - width: fullWidth, - flex: 1, - display: 'flex', - flexDirection: 'column', }, }); - export default Product; diff --git a/src/screens/ShoppingCart/Code.js b/src/screens/ShoppingCart/Code.js deleted file mode 100644 index 053eddf..0000000 --- a/src/screens/ShoppingCart/Code.js +++ /dev/null @@ -1,18 +0,0 @@ -import React from 'react' -import { View, Text, Pressable, TextInput } from 'react-native' -import tw from 'tailwind-react-native-classnames'; - -export default function Code({}) { - return ( - - کد تخفیف - اگر کد تخفیفی دارید آن را در کادر زیر وارد کنید. - - - - ثبت کد - - - - ) -} diff --git a/src/screens/ShoppingCart/Table.js b/src/screens/ShoppingCart/Table.js deleted file mode 100644 index f10cecd..0000000 --- a/src/screens/ShoppingCart/Table.js +++ /dev/null @@ -1,94 +0,0 @@ -import React from 'react'; -import {View, Text, Pressable, Image} from 'react-native'; -import tw from 'tailwind-react-native-classnames'; - -export default function Table({array}) { - return ( - - - - محصولات - - - - {array.map((item, i) => ( - - - - - ریاضی هشتم - - - پایه چهارم - - - همراه با کد فعال سازی محتوای الکترونیک - - - - ))} - - - - - قیمت - - - {array.map((item, i) => ( - - 265.000 - - 100.000 هزار تومان - - - - + - - - 1 - - - - - - - - ))} - - - - ); -} diff --git a/src/screens/ShoppingCart/assets/+.png b/src/screens/ShoppingCart/assets/+.png new file mode 100644 index 0000000..b3cdbce Binary files /dev/null and b/src/screens/ShoppingCart/assets/+.png differ diff --git a/src/screens/ShoppingCart/assets/_.png b/src/screens/ShoppingCart/assets/_.png new file mode 100644 index 0000000..19583ae Binary files /dev/null and b/src/screens/ShoppingCart/assets/_.png differ diff --git a/src/screens/ShoppingCart/assets/alert.png b/src/screens/ShoppingCart/assets/alert.png new file mode 100644 index 0000000..ab1dc0d Binary files /dev/null and b/src/screens/ShoppingCart/assets/alert.png differ diff --git a/src/screens/ShoppingCart/assets/book.png b/src/screens/ShoppingCart/assets/book.png new file mode 100644 index 0000000..f31e3e6 Binary files /dev/null and b/src/screens/ShoppingCart/assets/book.png differ diff --git a/src/screens/ShoppingCart/assets/delete.png b/src/screens/ShoppingCart/assets/delete.png new file mode 100644 index 0000000..dafdf29 Binary files /dev/null and b/src/screens/ShoppingCart/assets/delete.png differ diff --git a/src/screens/ShoppingCart/components/Code.js b/src/screens/ShoppingCart/components/Code.js new file mode 100644 index 0000000..dc3dd9c --- /dev/null +++ b/src/screens/ShoppingCart/components/Code.js @@ -0,0 +1,36 @@ +import React from 'react'; +import {View, Text, Pressable, TextInput, Dimensions} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +const width = Dimensions.get('window').width; + +export default function Code({}) { + return ( + + + + + ثبت کد + + + + ); +} diff --git a/src/screens/ShoppingCart/components/Product.js b/src/screens/ShoppingCart/components/Product.js new file mode 100644 index 0000000..3bc905d --- /dev/null +++ b/src/screens/ShoppingCart/components/Product.js @@ -0,0 +1,91 @@ +import React from 'react'; +import {View, Text, Image, Dimensions, Pressable} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import bookImage from '../assets/book.png'; +import deleteIcon from '../assets/delete.png'; +import plusIcon from '../assets/+.png'; +import minus from '../assets/_.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Product({product}) { + return ( + + + + + + علوم اجتماعی + + + پایه دوم + + + نسخه فیزیکی + + + + + + + + + + + + + 1 + + + + - + + + + + 145.000 + + + + + ); +} diff --git a/src/screens/ShoppingCart/index.js b/src/screens/ShoppingCart/index.js index dfd71df..20adae8 100644 --- a/src/screens/ShoppingCart/index.js +++ b/src/screens/ShoppingCart/index.js @@ -2,83 +2,114 @@ import React, {useState} from 'react'; import { View, Text, - Image, ScrollView, - SafeAreaView, - Pressable, Dimensions, - Platform + StyleSheet, + Pressable, + Image } from 'react-native'; +import Product from './components/Product'; +import Code from './components/Code'; +import CustomPressable from '../../components/Pressable'; import tw from 'tailwind-react-native-classnames'; -import Table from './Table'; -import Code from './Code'; +import alertIcon from './assets/alert.png'; + import {connect} from 'react-redux'; -const PriceStatus = ({name, value}) => { +const width = Dimensions.get('window').width; + +const PriceStatus = ({name, value, type}) => { return ( - {name} - {value} + + {name} + + + {value} + ); }; -const iosHeight = Dimensions.get('window').height - 170; -const ios = Platform.OS === 'ios'; - function ShoppingCart({}) { - const [array, setArray] = useState([40, 60]); return ( - - - + {[0, 1].map((product, index) => ( + + ))} + + + + + + + + + جمع کل سبد خرید + + - - - - - - - - - - جمع کل {'\n'} سبد خرید - - - - 235.000 - - - تومان - - - - - - + 235.000 تومان + + - ادامه + + هزینه ارسال کالا پس از تعیین محل آدرس مشخص می‌شود + + - - + + ); } export default ShoppingCart; + +const styles = StyleSheet.create({ + contentContainerStyle: { + paddingBottom: 50, + }, + container: { + width: Dimensions.get('window').width, + backgroundColor: 'white', + flexDirection: 'column', + paddingVertical: 5, + paddingHorizontal: 10, + }, +}); diff --git a/src/screens/Support/assets/bgContact.png b/src/screens/Support/assets/bgContact.png new file mode 100644 index 0000000..97bb4ba Binary files /dev/null and b/src/screens/Support/assets/bgContact.png differ diff --git a/src/screens/Support/assets/bgFaq.png b/src/screens/Support/assets/bgFaq.png new file mode 100644 index 0000000..6380ccd Binary files /dev/null and b/src/screens/Support/assets/bgFaq.png differ diff --git a/src/screens/Support/assets/bgQr.png b/src/screens/Support/assets/bgQr.png new file mode 100644 index 0000000..45fd939 Binary files /dev/null and b/src/screens/Support/assets/bgQr.png differ diff --git a/src/screens/Support/assets/call.png b/src/screens/Support/assets/call.png new file mode 100644 index 0000000..e22d841 Binary files /dev/null and b/src/screens/Support/assets/call.png differ diff --git a/src/screens/Support/assets/qr.png b/src/screens/Support/assets/qr.png new file mode 100644 index 0000000..d4d95d7 Binary files /dev/null and b/src/screens/Support/assets/qr.png differ diff --git a/src/screens/Support/index.js b/src/screens/Support/index.js index 345a347..4558c67 100644 --- a/src/screens/Support/index.js +++ b/src/screens/Support/index.js @@ -1,9 +1,12 @@ import React, {useState} from 'react'; import {View, StyleSheet, Dimensions, ScrollView, Text} from 'react-native'; import tw from 'tailwind-react-native-classnames'; +import Header from '../../components/Header'; import Select from '../../components/Select'; import CustomTextInput from '../../components/CustomTextInput'; import FormButton from '../../components/FormButton'; +import bgContact from './assets/bgContact.png'; +import callIcon from './assets/call.png'; const width = Dimensions.get('window').width; @@ -23,34 +26,12 @@ function Support(props) { - - برای ارتباط با دنیای شگفت انگیز دانوین از فرم زیر استفاده کنید و پس از - انتخاب دپارتمان مد نظر پیام خود را ارسال کنید. - - -