diff --git a/navigation.js b/navigation.js index 4ae3972..dc6f0d6 100644 --- a/navigation.js +++ b/navigation.js @@ -16,6 +16,7 @@ import {useTranslation} from "react-i18next"; import Profile from "./src/screens/Profile"; import Videos from "./src/screens/Videos"; import Exams from "./src/screens/Exams"; +import Activation from "./src/screens/Activation"; const mapStateToProps = state => { return { @@ -42,8 +43,8 @@ function BottomTab(props) { - - + {title} diff --git a/src/components/Redirect.js b/src/components/Redirect.js new file mode 100644 index 0000000..85af824 --- /dev/null +++ b/src/components/Redirect.js @@ -0,0 +1,30 @@ +import React from 'react'; +import {View, Text, Dimensions, Image} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import leftIcon from '../assets/icons/leftWhite.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Redirect({text}) { + return ( + + + + {text} + + + + + + + ); +} diff --git a/src/screens/Activation/assets/alert.png b/src/screens/Activation/assets/alert.png new file mode 100644 index 0000000..ab1dc0d Binary files /dev/null and b/src/screens/Activation/assets/alert.png differ diff --git a/src/screens/Support/assets/bgQr.png b/src/screens/Activation/assets/bgQr.png similarity index 100% rename from src/screens/Support/assets/bgQr.png rename to src/screens/Activation/assets/bgQr.png diff --git a/src/screens/Activation/assets/book.png b/src/screens/Activation/assets/book.png new file mode 100644 index 0000000..0808fe2 Binary files /dev/null and b/src/screens/Activation/assets/book.png differ diff --git a/src/screens/Activation/assets/qr.png b/src/screens/Activation/assets/qr.png new file mode 100644 index 0000000..d4d95d7 Binary files /dev/null and b/src/screens/Activation/assets/qr.png differ diff --git a/src/screens/Activation/index.js b/src/screens/Activation/index.js index 13b6aba..608a66f 100644 --- a/src/screens/Activation/index.js +++ b/src/screens/Activation/index.js @@ -3,21 +3,26 @@ import { View, StyleSheet, Dimensions, - TextInput, + ScrollView, Text, - Image, Pressable, + Image, } from 'react-native'; import tw from 'tailwind-react-native-classnames'; -import FormButton from '../../components/FormButton'; -import bookIcon from '../../assets/icons/activation.png'; +import Header from '../../components/Header'; +import bgQr from './assets/bgQr.png'; +import qrIcon from './assets/qr.png'; +import alertIcon from './assets/alert.png'; +import bookIcon from './assets/book.png'; const width = Dimensions.get('window').width; -const height = Dimensions.get('window').height; -function Support(props) { +function Activation(props) { const [formData, setFormData] = useState({ - code: null, + title: null, + department: null, + message: null, + file: null, }); const onChange = (name, value) => { @@ -25,35 +30,45 @@ function Support(props) { }; return ( - - - - - برای خدمت هوشمند کتاب کد فعال سازی را اینجا وارد کنید. - - - - - - - QR - - - - + +
+ + + + + + دانش آموز گرامی پس از خرید فیزیکی کتاب، یک کارت فعالسازی در درون + کتاب قرار داده شده که شما می‌توانید با وارد کردن کد در قسمت زیر و یا + اسکن کد QR با دوربین موبایل خود اقدام به فعالسازی امکانات ویژه برای + کتاب خود نمائید + + + + + - + ); } @@ -63,6 +78,13 @@ const styles = StyleSheet.create({ paddingBottom: 50, alignItems: 'flex-end', }, + container: { + width: Dimensions.get('window').width, + backgroundColor: 'white', + flexDirection: 'column', + paddingVertical: 5, + paddingHorizontal: 10, + }, }); -export default Support; +export default Activation; diff --git a/src/screens/Support/assets/address.png b/src/screens/Support/assets/address.png new file mode 100644 index 0000000..c573eae Binary files /dev/null and b/src/screens/Support/assets/address.png differ diff --git a/src/screens/Support/assets/callGreen.png b/src/screens/Support/assets/callGreen.png new file mode 100644 index 0000000..8db574c Binary files /dev/null and b/src/screens/Support/assets/callGreen.png differ diff --git a/src/screens/Support/assets/chat.png b/src/screens/Support/assets/chat.png new file mode 100644 index 0000000..cd775c9 Binary files /dev/null and b/src/screens/Support/assets/chat.png differ diff --git a/src/screens/Support/assets/leftBlue.png b/src/screens/Support/assets/leftBlue.png new file mode 100644 index 0000000..827f503 Binary files /dev/null and b/src/screens/Support/assets/leftBlue.png differ diff --git a/src/screens/Support/assets/leftYellow.png b/src/screens/Support/assets/leftYellow.png new file mode 100644 index 0000000..342e9d0 Binary files /dev/null and b/src/screens/Support/assets/leftYellow.png differ diff --git a/src/screens/Support/components/Address.js b/src/screens/Support/components/Address.js new file mode 100644 index 0000000..8c9044c --- /dev/null +++ b/src/screens/Support/components/Address.js @@ -0,0 +1,51 @@ +import React from 'react'; +import {View, Text, Dimensions, Image} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import addressIcon from '../assets/address.png'; +import leftGreenIcon from '../assets/leftBlue.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Address() { + return ( + + + + + + + نشانی + + + هنشانی دفتر مرکزی: تهران میدان فردوسی خیابان عباس موسوی پلاک 30 + + + + + لیست نمایندگی‌های فروش + + + + + ); +} diff --git a/src/screens/Support/components/Call.js b/src/screens/Support/components/Call.js new file mode 100644 index 0000000..10b759a --- /dev/null +++ b/src/screens/Support/components/Call.js @@ -0,0 +1,38 @@ +import React from 'react'; +import {View, Text, Dimensions, Image} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import callIcon from '../assets/callGreen.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function Address() { + return ( + + + + + + + شماره تماس + + + در صورت هرگونه سوال شما می‌توانید در ساعات اداری 9 الی 17 با شماره + 021۸۸۸۱۴۶۳۷ تماس حاصل فرمایید{' '} + + + + ); +} diff --git a/src/screens/Support/components/OnlineSupport.js b/src/screens/Support/components/OnlineSupport.js new file mode 100644 index 0000000..cee466c --- /dev/null +++ b/src/screens/Support/components/OnlineSupport.js @@ -0,0 +1,45 @@ +import React from 'react'; +import {View, Text, Dimensions, Image} from 'react-native'; +import tw from 'tailwind-react-native-classnames'; +import chatIcon from '../assets/chat.png'; +import leftYellowIcon from '../assets/leftYellow.png'; + +const width = Dimensions.get('window').width; +const height = Dimensions.get('window').height; + +export default function OnlineSupport() { + return ( + + + + + + + پشتیبانی آنلاین + + + همکاران ما در قسمت فروش و پشتیبانی، پاسخگوی شما هستند هر سوالی در مورد + کتاب‌های ما داشتید بپرسید + + + + + ارتباط با بخش پشتیبانی + + + + + ); +} diff --git a/src/screens/Support/index.js b/src/screens/Support/index.js index 4558c67..01b74fd 100644 --- a/src/screens/Support/index.js +++ b/src/screens/Support/index.js @@ -2,9 +2,10 @@ 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 OnlineSupport from './components/OnlineSupport'; +import Address from './components/Address'; +import Call from './components/Call'; +import Redirect from '../../components/Redirect'; import bgContact from './assets/bgContact.png'; import callIcon from './assets/call.png'; @@ -25,13 +26,22 @@ function Support(props) { return ( + style={[tw.style('bg-white flex flex-col'), {width: width}]}>
+ + + +
+ + ); } @@ -42,6 +52,13 @@ const styles = StyleSheet.create({ paddingBottom: 50, alignItems: 'flex-end', }, + container: { + width: Dimensions.get('window').width, + backgroundColor: 'white', + flexDirection: 'column', + paddingVertical: 5, + paddingHorizontal: 10, + }, }); export default Support;