16 |
20 |
21 |
22 | )
23 | }
24 |
25 | export default Education
--------------------------------------------------------------------------------
/src/layouts/web/Main.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { makeStyles } from '@material-ui/styles'
5 |
6 | import Footer from './components/Footer'
7 |
8 | const useStyles = makeStyles(theme => ({
9 | root: {},
10 | content: {
11 | height: '100%'
12 | }
13 | }))
14 |
15 | const Main = props => {
16 | const { children } = props
17 |
18 | const classes = useStyles()
19 |
20 | return (
21 |
22 |
23 | {children}
24 |
25 |
26 |
27 |
28 | )
29 | }
30 |
31 | Main.propTypes = {
32 | children: PropTypes.node
33 | }
34 |
35 | export default Main
--------------------------------------------------------------------------------
/src/layouts/web/components/Footer.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { Typography } from '@material-ui/core'
5 | import { makeStyles } from '@material-ui/styles'
6 |
7 | const useStyles = makeStyles(theme => ({
8 | root: {
9 | padding: theme.spacing(1)
10 | }
11 | }))
12 |
13 | const Footer = props => {
14 | const { className, ...rest } = props
15 |
16 | const classes = useStyles()
17 |
18 | return (
19 |
22 | © 2020 – Mega Trade, All rights reserved.
23 |
24 | )
25 | }
26 |
27 | Footer.propTypes = {
28 | className: PropTypes.string
29 | }
30 |
31 | export default Footer
--------------------------------------------------------------------------------
/src/layouts/admin/components/Footer.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { Typography } from '@material-ui/core'
5 | import { makeStyles } from '@material-ui/styles'
6 |
7 | const useStyles = makeStyles(theme => ({
8 | root: {
9 | padding: theme.spacing(1)
10 | }
11 | }))
12 |
13 | const Footer = props => {
14 | const { className, ...rest } = props
15 |
16 | const classes = useStyles()
17 |
18 | return (
19 |
22 | © 2020 – Mega Trade, All rights reserved.
23 |
24 | )
25 | }
26 |
27 | Footer.propTypes = {
28 | className: PropTypes.string
29 | }
30 |
31 | export default Footer
--------------------------------------------------------------------------------
/src/layouts/user/components/Footer.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { Typography } from '@material-ui/core'
5 | import { makeStyles } from '@material-ui/styles'
6 |
7 | const useStyles = makeStyles(theme => ({
8 | root: {
9 | padding: theme.spacing(1)
10 | }
11 | }))
12 |
13 | const Footer = props => {
14 | const { className, ...rest } = props
15 |
16 | const classes = useStyles()
17 |
18 | return (
19 |
22 | © 2020 – Mega Trade, All rights reserved.
23 |
24 | )
25 | }
26 |
27 | Footer.propTypes = {
28 | className: PropTypes.string
29 | }
30 |
31 | export default Footer
--------------------------------------------------------------------------------
/src/views/user/support/Support.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Grid } from '@material-ui/core'
3 | import { makeStyles } from '@material-ui/styles'
4 |
5 | import SupportLive from './components/SupportLive'
6 |
7 | const useStyles = makeStyles(theme => ({
8 | root: {
9 | padding: theme.spacing(3)
10 | }
11 | }))
12 |
13 | const Support = () => {
14 | const classes = useStyles()
15 |
16 | return (
17 |
18 |
24 |
31 |
32 | )
33 | }
34 |
35 | export default Support
--------------------------------------------------------------------------------
/src/assets/scss/index.scss:
--------------------------------------------------------------------------------
1 | * {
2 | box-sizing: border-box;
3 | margin: 0;
4 | padding: 0;
5 | }
6 |
7 | html {
8 | height: 100%;
9 | -webkit-font-smoothing: antialiased;
10 | -moz-osx-font-smoothing: grayscale;
11 | }
12 |
13 | body {
14 | background-color: #f4f6f8;
15 | height: 100%;
16 | }
17 |
18 | a {
19 | text-decoration: none;
20 | }
21 |
22 | #root {
23 | height: 100%;
24 | }
25 |
26 | .rcw-conversation-container > .rcw-header {
27 | background-color:#549FFC;
28 | }
29 |
30 | .rcw-launcher {
31 | background-color:#549FFC;
32 | }
33 |
34 | .rcw-message > .rcw-client {
35 | background-color: #549FFC;
36 | color: white;
37 | }
38 |
39 | .rcw-message > .rcw-response {
40 | background-color: #f4f6f8;
41 | color: black;
42 | }
43 |
44 | .rcw-send-icon {
45 | color: #549FFC;
46 | }
--------------------------------------------------------------------------------
/src/views/web/landing/components/Testimonials/testi-style.js:
--------------------------------------------------------------------------------
1 | import { colors } from '@material-ui/core'
2 | import { makeStyles } from '@material-ui/core/styles'
3 |
4 | const testiStyles = makeStyles(theme => ({
5 | testimonialWrap: {
6 | width: '100%',
7 | position: 'relative',
8 | overflow: 'hidden'
9 | },
10 | carousel: {
11 | marginTop: theme.spacing(3)
12 | },
13 | item: {
14 | padding: theme.spacing(2)
15 | },
16 | card: {
17 | padding: theme.spacing(3)
18 | },
19 | name: {
20 | display: 'flex',
21 | marginTop: theme.spacing(),
22 | alignItems: 'center',
23 | '& span': {
24 | display: 'inline-block',
25 | marginLeft: theme.spacing()
26 | }
27 | },
28 | avatar: {
29 | width: 30,
30 | height: 30,
31 | backgroundColor: colors.blue[500]
32 | }
33 | }))
34 |
35 | export default testiStyles
36 |
--------------------------------------------------------------------------------
/src/components/AuthRouteWithLayout.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import { Route, Redirect } from 'react-router-dom'
4 |
5 | const AuthRouteWithLayout = props => {
6 | const { layout: Layout, component: Component, ...rest } = props
7 |
8 | const userId = localStorage.getItem('userId')
9 |
10 | return (
11 |
19 |
22 |
28 |
30 |
31 |
32 | )
33 | }
34 |
35 | export default Social
--------------------------------------------------------------------------------
/src/views/web/auth/components/Title/TitleSecondary.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 | import Typography from '@material-ui/core/Typography'
4 | import clsx from 'clsx'
5 | import useStyles from './title-style'
6 |
7 | export default function TitleSecondary(props) {
8 | const classes = useStyles()
9 | const { children, align } = props
10 | const setAlign = alignment => {
11 | switch (alignment) {
12 | case 'left':
13 | return classes.left
14 | case 'right':
15 | return classes.right
16 | case 'center':
17 | return classes.center
18 | default:
19 | return classes.left
20 | }
21 | }
22 | return (
23 |
24 |
25 | {children}
26 |
27 |
28 | )
29 | }
30 |
31 | TitleSecondary.propTypes = {
32 | children: PropTypes.node.isRequired,
33 | align: PropTypes.string,
34 | }
35 |
36 | TitleSecondary.defaultProps = {
37 | align: 'left'
38 | }
39 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
19 |
29 |
30 | {caption}
31 |
32 |
33 | {text}
34 |
35 |
36 | )
37 | }
38 |
39 | Title.propTypes = {
40 | caption: PropTypes.string.isRequired,
41 | text: PropTypes.string.isRequired,
42 | align: PropTypes.string,
43 | dark: PropTypes.bool,
44 | }
45 |
46 | Title.defaultProps = {
47 | align: 'left',
48 | dark: false
49 | }
50 |
--------------------------------------------------------------------------------
/src/views/web/notFound/NotFound.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Button, Grid, Container, Typography } from '@material-ui/core'
3 |
4 | import useStyles from './notFound-style'
5 |
6 | const NotFound = () => {
7 | const classes = useStyles()
8 |
9 | return (
10 |
11 |
12 |
13 |
14 |
26 |
27 |
28 |
40 |
41 |
42 |
43 | )
44 | }
45 |
46 | export default NotFound
47 |
--------------------------------------------------------------------------------
/src/layouts/admin/components/Topbar.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import MenuIcon from '@material-ui/icons/Menu'
5 | import { makeStyles } from '@material-ui/styles'
6 | import { Link as RouterLink } from 'react-router-dom'
7 | import { AppBar, Toolbar, Hidden, IconButton } from '@material-ui/core'
8 |
9 | const useStyles = makeStyles(theme => ({
10 | root: {
11 | boxShadow: 'none'
12 | },
13 | flexGrow: {
14 | flexGrow: 1
15 | },
16 | signOutButton: {
17 | marginLeft: theme.spacing(1)
18 | }
19 | }))
20 |
21 | const Topbar = props => {
22 | const { className, onSidebarOpen, history, ...rest } = props
23 |
24 | const classes = useStyles()
25 |
26 | return (
27 |
15 |
25 |
16 | 
19 |
20 |
21 | 404
22 |
23 |
24 |
19 |
20 |
29 | This page could not be found.
30 |
31 |
32 | You can either stay and chill here, or go back to the beginning.
33 |
34 |
35 |
38 |
39 | 
35 |
54 |
62 | {children}
63 |
64 |
65 |
66 |
67 | )
68 | }
69 |
70 | Main.propTypes = {
71 | children: PropTypes.node
72 | }
73 |
74 | export default Main
--------------------------------------------------------------------------------
/src/views/web/landing/components/Feature/Parallax.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import { Parallax, ParallaxProvider } from 'react-scroll-parallax'
4 |
5 | import useStyles from './feature-style'
6 |
7 | export default function ParallaxDeco() {
8 | const classes = useStyles()
9 | return (
10 |
11 |
12 |
65 |
66 | )
67 | }
--------------------------------------------------------------------------------
/src/layouts/admin/Main.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import PropTypes from 'prop-types'
3 | import React, { useState } from 'react'
4 | import { useMediaQuery } from '@material-ui/core'
5 | import { makeStyles, useTheme } from '@material-ui/styles'
6 |
7 | import Footer from './components/Footer'
8 | import Topbar from './components/Topbar'
9 | import Sidebar from './components/sidebar/Sidebar'
10 |
11 | const useStyles = makeStyles(theme => ({
12 | root: {
13 | paddingTop: 56,
14 | height: '100%',
15 | [theme.breakpoints.up('sm')]: {
16 | paddingTop: 64
17 | }
18 | },
19 | shiftContent: {
20 | paddingLeft: 240
21 | },
22 | content: {
23 | height: '100%'
24 | }
25 | }))
26 |
27 | const Main = props => {
28 | const { children } = props
29 |
30 | const theme = useTheme()
31 | const classes = useStyles()
32 | const isDesktop = useMediaQuery(theme.breakpoints.up('lg'), {
33 | defaultMatches: true
34 | })
35 |
36 | const [openSidebar, setOpenSidebar] = useState(false)
37 |
38 | const onSidebarOpen = () => {
39 | setOpenSidebar(true)
40 | }
41 |
42 | const onSidebarClose = () => {
43 | setOpenSidebar(false)
44 | }
45 |
46 | const shouldOpenSidebar = isDesktop ? true : openSidebar
47 |
48 | return (
49 |
13 |
16 |
28 |
29 |
30 |
33 |
45 |
46 |
47 |
50 |
62 |
63 |
64 |
54 |
62 | {children}
63 |
64 |
65 |
66 |
67 | )
68 | }
69 |
70 | Main.propTypes = {
71 | children: PropTypes.node
72 | }
73 |
74 | export default Main
--------------------------------------------------------------------------------
/src/layouts/user/components/Topbar.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import PropTypes from 'prop-types'
3 | import React, { useState } from 'react'
4 | import MenuIcon from '@material-ui/icons/Menu'
5 | import { makeStyles } from '@material-ui/styles'
6 | import { Link as RouterLink } from 'react-router-dom'
7 | import NotificationsIcon from '@material-ui/icons/NotificationsOutlined'
8 | import { AppBar, Toolbar, Badge, Hidden, IconButton } from '@material-ui/core'
9 |
10 | const useStyles = makeStyles(theme => ({
11 | root: {
12 | boxShadow: 'none'
13 | },
14 | flexGrow: {
15 | flexGrow: 1
16 | },
17 | signOutButton: {
18 | marginLeft: theme.spacing(1)
19 | }
20 | }))
21 |
22 | const Topbar = props => {
23 | const { className, onSidebarOpen, history, ...rest } = props
24 |
25 | const classes = useStyles()
26 |
27 | const [notifications] = useState([])
28 |
29 | return (
30 |
38 |
52 |
55 |
61 |
66 |
67 |
68 | )
69 | }
70 |
71 | export default Subscriptions
--------------------------------------------------------------------------------
/src/views/admin/subscriptions/components/SubscriptionsList.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Grid } from '@material-ui/core'
3 | import { makeStyles } from '@material-ui/styles'
4 |
5 | import SubscriptionsCard from './components/SubscriptionsCard'
6 |
7 | const useStyles = makeStyles(theme => ({
8 | root: {},
9 | row: {
10 | height: '42px',
11 | display: 'flex',
12 | alignItems: 'center',
13 | marginTop: theme.spacing(1)
14 | },
15 | content: {
16 | marginTop: theme.spacing(2)
17 | },
18 | pagination: {
19 | display: 'flex',
20 | alignItems: 'center',
21 | justifyContent: 'flex-end',
22 | marginTop: theme.spacing(3)
23 | }
24 | }))
25 |
26 | const SubscriptionsList = props => {
27 | const { reloadData, subscriptionsState } = props
28 |
29 | const classes = useStyles()
30 |
31 | return (
32 |
33 |
54 | )
55 | }
56 |
57 | export default SubscriptionsList
--------------------------------------------------------------------------------
/src/views/web/auth/components/Title/title-style.js:
--------------------------------------------------------------------------------
1 | import { makeStyles } from '@material-ui/core/styles';
2 |
3 | const titleStyles = makeStyles(theme => ({
4 | left: {
5 | textAlign: 'left',
6 | '&:after': {
7 | left: 0,
8 | }
9 | },
10 | right: {
11 | textAlign: 'right',
12 | '&:after': {
13 | right: 0,
14 | }
15 | },
16 | center: {
17 | textAlign: 'center',
18 | '&:after': {
19 | left: '50%',
20 | marginLeft: -35,
21 | }
22 | },
23 | caption: {
24 | textTransform: 'uppercase',
25 | color: theme.palette.type === 'dark' ? theme.palette.primary.light : theme.palette.primary.dark,
26 | fontWeight: theme.typography.fontWeightBold,
27 | fontSize: 16,
28 | marginBottom: theme.spacing(),
29 | [theme.breakpoints.down('sm')]: {
30 | fontSize: 12
31 | }
32 | },
33 | dark: {},
34 | title: {
35 | display: 'block',
36 | position: 'relative',
37 | marginBottom: theme.spacing(3),
38 | '& h4': {
39 | color: theme.palette.text.primary,
40 | fontWeight: theme.typography.fontWeightBold,
41 | textTransform: 'capitalize',
42 | lineHeight: '32px',
43 | [theme.breakpoints.down('sm')]: {
44 | fontSize: 22
45 | }
46 | },
47 | '&$dark': {
48 | '& $caption': {
49 | color: theme.palette.primary.light
50 | },
51 | '& h4': {
52 | color: theme.palette.common.white,
53 | }
54 | }
55 | },
56 | titleSecondary: {
57 | display: 'block',
58 | position: 'relative',
59 | '& h4': {
60 | color: theme.palette.text.primary,
61 | fontWeight: theme.typography.fontWeightBold,
62 | textTransform: 'capitalize'
63 | },
64 | '& strong': {
65 | color: theme.palette.text.primary,
66 | }
67 | }
68 | }));
69 |
70 | export default titleStyles;
71 |
--------------------------------------------------------------------------------
/src/layouts/admin/components/sidebar/components/Profile.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import PropTypes from 'prop-types'
3 | import { makeStyles } from '@material-ui/styles'
4 | import React, { useState, useEffect } from 'react'
5 | import { Link as RouterLink } from 'react-router-dom'
6 | import { Avatar, Typography, colors } from '@material-ui/core'
7 |
8 | import getInitials from 'helpers/getInitials'
9 |
10 | const useStyles = makeStyles(theme => ({
11 | root: {
12 | display: 'flex',
13 | alignItems: 'center',
14 | flexDirection: 'column',
15 | minHeight: 'fit-content'
16 | },
17 | avatar: {
18 | width: 60,
19 | height: 60,
20 | backgroundColor: colors.blue[500]
21 | },
22 | name: {
23 | marginTop: theme.spacing(1)
24 | }
25 | }))
26 |
27 | const Profile = props => {
28 | const { className, profile, ...rest } = props
29 |
30 | const classes = useStyles()
31 |
32 | const [profileState, setProfileState] = useState({
33 | avatar: '',
34 | lastName: '',
35 | firstName: ''
36 | })
37 |
38 | useEffect(() => {
39 | setProfileState(profileState => ({
40 | ...profileState,
41 | avatar: profile.avatar,
42 | lastName: profile.lastName,
43 | firstName: profile.firstName
44 | }))
45 | }, [profile])
46 |
47 | return (
48 |
34 |
37 | {
38 | subscriptionsState.map((subscription, i) => (
39 |
45 |
49 | ))
50 | }
51 |
52 |
53 |
51 |
56 | {getInitials(profileState.firstName + ' ' + profileState.lastName)}
57 |
58 |
59 |
62 | {profileState.firstName + ' ' + profileState.lastName}
63 |
64 |
65 | )
66 | }
67 |
68 | Profile.propTypes = {
69 | className: PropTypes.string
70 | }
71 |
72 | export default Profile
73 |
--------------------------------------------------------------------------------
/src/views/user/dashboard/components/TotalProfits.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { makeStyles } from '@material-ui/styles'
5 | import AttachMoneyIcon from '@material-ui/icons/AttachMoney'
6 | import { Card, CardContent, Grid, Typography, Avatar } from '@material-ui/core'
7 |
8 | const useStyles = makeStyles(theme => ({
9 | root: {
10 | height: '100%',
11 | color: theme.palette.primary.contrastText,
12 | backgroundColor: theme.palette.primary.main
13 | },
14 | content: {
15 | display: 'flex',
16 | alignItems: 'center'
17 | },
18 | title: {
19 | fontWeight: 700
20 | },
21 | avatar: {
22 | width: 56,
23 | height: 56,
24 | color: theme.palette.primary.main,
25 | backgroundColor: theme.palette.white
26 | },
27 | icon: {
28 | width: 32,
29 | height: 32
30 | }
31 | }))
32 |
33 | const TotalProfit = props => {
34 | const { className, profits, ...rest } = props
35 |
36 | const classes = useStyles()
37 |
38 | return (
39 |
54 |
57 |
63 |
67 |
68 |
69 | )
70 | }
71 |
72 | export default Questions
--------------------------------------------------------------------------------
/src/layouts/user/components/sidebar/components/UpgradePlan.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { Link } from 'react-router-dom'
5 | import { makeStyles } from '@material-ui/styles'
6 | import { Typography, Button } from '@material-ui/core'
7 |
8 | const useStyles = makeStyles(theme => ({
9 | root: {
10 | marginTop: 50,
11 | borderRadius: 25,
12 | backgroundColor: theme.palette.background.default
13 | },
14 | media: {
15 | height: 80,
16 | textAlign: 'center',
17 | paddingTop: theme.spacing(2),
18 | '& > img': {
19 | width: 'auto',
20 | height: '100%'
21 | }
22 | },
23 | content: {
24 | padding: theme.spacing(1, 2)
25 | },
26 | actions: {
27 | display: 'flex',
28 | justifyContent: 'center',
29 | padding: theme.spacing(1, 2)
30 | }
31 | }))
32 |
33 | const UpgradePlan = props => {
34 | const { className, ...rest } = props
35 |
36 | const classes = useStyles()
37 |
38 | return (
39 |
42 |
73 | )
74 | }
75 |
76 | UpgradePlan.propTypes = {
77 | className: PropTypes.string
78 | }
79 |
80 | export default UpgradePlan
--------------------------------------------------------------------------------
/public/locales/ar/common.json:
--------------------------------------------------------------------------------
1 | {
2 | "title": "مثال بسيط",
3 | "subtitle": "إنها صفحة فارغة. ابدأ في إنشاء صفحتك من هنا.",
4 | "error_with_status": "حدث خطأ على الخادم",
5 | "404": "تعذر العثور على هذه الصفحة.",
6 | "404_subtitle": "يمكنك إما البقاء والاسترخاء هنا ، أو العودة إلى البداية.",
7 | "back": "العودة إلى المنزل",
8 | "error_without_status": "حدث خطأ على الخادم",
9 | "contact_title": "مشروع مجاني اقتباس",
10 | "contact_title2": "قل مرحبا لنا",
11 | "contact_subtitle": "هل لديك أي أسئلة؟ هل أنت مستعد لخفض التكلفة وتحقيق إيرادات جديدة؟ أو هل تريد فقط أن تقول مرحبا؟ أرسل لنا رسالة.",
12 | "form_name": "ما اسمك؟ *",
13 | "form_email": "ما هو بريدك الإلكتروني؟ *",
14 | "form_phone": "ما هو رقم هاتفك؟",
15 | "form_company": "ما هي شركتك؟",
16 | "form_message": "اكتب رسالتك هنا",
17 | "form_terms": "لقد قرأت ووافقت على شروط",
18 | "form_privacy": "سياسة الخدمة والخصوصية *",
19 | "form_send": "إرسال رسالة",
20 | "login": "تسجيل الدخول",
21 | "login_lcreate": "إنشاء حساب جديد",
22 | "login_or": "أو تسجيل الدخول عبر البريد الإلكتروني",
23 | "login_email": "البريد الإلكتروني",
24 | "login_password": "كلمه السر",
25 | "login_remember": "تذكر",
26 | "login_forgot": "نسيت كلمة المرور",
27 | "continue": "استمر",
28 | "login_title": "مرحبًا بك مرة أخرى",
29 | "login_subtitle": "الرجاء تسجيل الدخول للمتابعة",
30 | "register": "تسجيل",
31 | "register_already": "هل لديك حساب بالفعل؟",
32 | "register_or": "أو التسجيل باستخدام البريد الإلكتروني",
33 | "register_name": "الاسم؟ *",
34 | "register_email": "البريد الإلكتروني؟ *",
35 | "register_password": "كلمه السر",
36 | "register_confirm": "تأكيد كلمة المرور",
37 | "register_title": "تشرفت بمعرفتك :)",
38 | "register_subtitle": "فقط سجل للانضمام إلينا",
39 | "accept": "قبول",
40 | "en": "English",
41 | "de": "Deutsch",
42 | "zh": "简体中文",
43 | "pt": "Português",
44 | "id": "Bahasa Indonesia",
45 | "ar": "العربيّة"
46 | }
--------------------------------------------------------------------------------
/public/images/features-support.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
53 |
--------------------------------------------------------------------------------
/src/theme/Palette.js:
--------------------------------------------------------------------------------
1 | import { colors } from '@material-ui/core'
2 |
3 | const white = '#FFFFFF'
4 | const black = '#000000'
5 |
6 | export default {
7 | main: {
8 | palette: {
9 | black,
10 | white,
11 | primary: {
12 | contrastText: white,
13 | dark: colors.blue[900],
14 | main: colors.blue[500],
15 | light: colors.blue[100]
16 | },
17 | secondary: {
18 | contrastText: white,
19 | dark: colors.orange[900],
20 | main: colors.orange[500],
21 | light: colors.orange[100]
22 | },
23 | success: {
24 | contrastText: white,
25 | dark: colors.green[900],
26 | main: colors.green[600],
27 | light: colors.green[400]
28 | },
29 | info: {
30 | contrastText: white,
31 | dark: colors.blue[900],
32 | main: colors.blue[600],
33 | light: colors.blue[400]
34 | },
35 | warning: {
36 | contrastText: white,
37 | dark: colors.orange[900],
38 | main: colors.orange[600],
39 | light: colors.orange[400]
40 | },
41 | error: {
42 | contrastText: white,
43 | dark: colors.red[900],
44 | main: colors.red[600],
45 | light: colors.red[400]
46 | },
47 | text: {
48 | link: colors.blue[600],
49 | primary: colors.blueGrey[900],
50 | secondary: colors.blueGrey[600]
51 | },
52 | background: {
53 | paper: white,
54 | default: '#F4F6F8'
55 | },
56 | icon: colors.blueGrey[600],
57 | divider: colors.grey[200]
58 | }
59 | }
60 | }
--------------------------------------------------------------------------------
/src/layouts/user/components/sidebar/components/Profile.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import PropTypes from 'prop-types'
3 | import { makeStyles } from '@material-ui/styles'
4 | import React, { useState, useEffect } from 'react'
5 | import { Link as RouterLink } from 'react-router-dom'
6 | import { Avatar, Typography, colors } from '@material-ui/core'
7 |
8 | import getInitials from 'helpers/getInitials'
9 |
10 | const useStyles = makeStyles(theme => ({
11 | root: {
12 | display: 'flex',
13 | alignItems: 'center',
14 | flexDirection: 'column',
15 | minHeight: 'fit-content'
16 | },
17 | avatar: {
18 | width: 60,
19 | height: 60,
20 | backgroundColor: colors.blue[500]
21 | },
22 | name: {
23 | marginTop: theme.spacing(1)
24 | }
25 | }))
26 |
27 | const Profile = props => {
28 | const { className, profile, ...rest } = props
29 |
30 | const classes = useStyles()
31 |
32 | const [profileState, setProfileState] = useState({
33 | avatar: '',
34 | lastName: '',
35 | firstName: '',
36 | membership: ''
37 | })
38 |
39 | useEffect(() => {
40 | setProfileState(profileState => ({
41 | ...profileState,
42 | avatar: profile.avatar,
43 | lastName: profile.lastName,
44 | firstName: profile.firstName,
45 | membership: profile.membership
46 | }))
47 | }, [profile])
48 |
49 | return (
50 |
43 | 
46 |
47 |
48 |
46 |
49 |
53 | Upgrade Subscription
54 |
55 |
56 |
59 | Upgrade your Subscription to recieve all signals
60 |
61 |
62 |
63 |
64 |
71 |
72 |
53 |
58 | {getInitials(profileState.firstName + ' ' + profileState.lastName)}
59 |
60 |
61 |
64 | {profileState.firstName + ' ' + profileState.lastName}
65 |
66 |
67 | {profileState.membership}
68 |
69 | )
70 | }
71 |
72 | Profile.propTypes = {
73 | className: PropTypes.string
74 | }
75 |
76 | export default Profile
--------------------------------------------------------------------------------
/public/locales/en/common.json:
--------------------------------------------------------------------------------
1 | {
2 | "title": "A simple example",
3 | "subtitle": "It's a blank-page. Start to build your'e page from here.",
4 | "error_with_status": "An error occurred on server",
5 | "404": "This page could not be found.",
6 | "404_subtitle": "You can either stay and chill here, or go back to the beginning.",
7 | "back": "back to home",
8 | "error_without_status": "An error occurred on the server",
9 | "contact_title": "Free Project Quote",
10 | "contact_title2": "Say Hello to Us",
11 | "contact_subtitle": "Do you have any questions? Are you ready to reduce cost and create new revenue? Or you simply want to say hi? Drop us a message.",
12 | "form_name": "What is your name? *",
13 | "form_email": "What it your email? *",
14 | "form_phone": "What is your phone number?",
15 | "form_company": "What is your company?",
16 | "form_message": "Write your message here",
17 | "form_terms": "I have read and accept the Terms of",
18 | "form_privacy": "Service & Privacy Policy *",
19 | "form_send": "Send Message",
20 | "login": "login",
21 | "login_create": "Create new account",
22 | "login_or": "Or login with email",
23 | "login_email": "Email",
24 | "login_password": "Password",
25 | "login_remember": "Remember",
26 | "login_forgot": "Forgot Password",
27 | "continue": "Continue",
28 | "login_title": "Welcome back",
29 | "login_subtitle": "Please login to continue",
30 | "register": "Register",
31 | "register_already": "Already have account?",
32 | "register_or": "Or register with email",
33 | "register_name": "Name? *",
34 | "register_email": "Email? *",
35 | "register_password": "Password",
36 | "register_confirm": "Confirm Password",
37 | "register_title": "Nice to meet you :)",
38 | "register_subtitle": "Just register to join with us",
39 | "accept": "Accept",
40 | "en": "English",
41 | "de": "Deutsch",
42 | "zh": "简体中文",
43 | "pt": "Português",
44 | "id": "Bahasa Indonesia",
45 | "ar": "العربيّة"
46 | }
--------------------------------------------------------------------------------
/src/views/web/landing/components/Disclaimer/Disclaimer.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { makeStyles } from '@material-ui/core/styles'
3 | import { Typography, Container, Grid } from '@material-ui/core'
4 |
5 | const useStyles = makeStyles(theme => ({
6 | container: {
7 | display: 'flex'
8 | },
9 | cardWrapper: {
10 | zIndex: 1
11 | }
12 | }))
13 |
14 | const Disclaimer = () => {
15 | const classes = useStyles()
16 |
17 | return (
18 |
33 |
34 | Subscribe Our Newsletter
35 |
36 |
56 |
57 |
58 | )
59 | }
60 |
61 | export default Pricing
--------------------------------------------------------------------------------
/public/locales/id/common.json:
--------------------------------------------------------------------------------
1 | {
2 | "title": "Contoh sederhana",
3 | "subtitle": "Ini halaman kosong. Mulai buat halaman Anda dari sini.",
4 | "error_with_status": "Terjadi kesalahan di server",
5 | "404": "Halaman ini tidak dapat ditemukan.",
6 | "404_subtitle": "Anda bisa tinggal dan bersantai di sini, atau kembali ke awal.",
7 | "back": "kembali ke beranda",
8 | "error_without_status": "Terjadi kesalahan di server",
9 | "contact_title": "Kutipan Proyek Gratis",
10 | "contact_title2": "Katakan Halo kepada Kami",
11 | "contact_subtitle": "Apakah Anda memiliki pertanyaan? Apakah Anda siap untuk mengurangi biaya dan membuat pendapatan baru? Atau Anda hanya ingin menyapa? Kirim pesan kepada kami.",
12 | "form_name": "Siapa nama Anda? *",
13 | "form_email": "Apa itu email Anda? *",
14 | "form_phone": "Berapa nomor telepon Anda?",
15 | "form_company": "Apa perusahaan Anda?",
16 | "form_message": "Tulis pesan Anda di sini",
17 | "form_terms": "Saya telah membaca dan menerima Ketentuan",
18 | "form_privacy": "Layanan & Kebijakan Privasi *",
19 | "form_send": "Kirim Pesan",
20 | "login": "masuk",
21 | "login_create": "Buat akun baru",
22 | "login_or": "Atau masuk dengan email",
23 | "login_email": "Email",
24 | "login_password": "Kata Sandi",
25 | "login_remember": "Ingat",
26 | "login_forgot": "Lupa Kata Sandi",
27 | "continue": "Lanjutkan",
28 | "login_title": "Selamat datang kembali",
29 | "login_subtitle": "Silakan masuk untuk melanjutkan",
30 | "register": "Daftar",
31 | "register_already": "Sudah punya akun?",
32 | "register_or": "Atau daftar dengan email",
33 | "register_name": "Nama? *",
34 | "register_email": "Email? *",
35 | "register_password": "Kata Sandi",
36 | "register_confirm": "Konfirmasi Kata Sandi",
37 | "register_title": "Senang bertemu Anda :)",
38 | "register_subtitle": "Cukup daftar untuk bergabung dengan kami",
39 | "accept": "Setuju",
40 | "en": "English",
41 | "de": "Deutsch",
42 | "zh": "简体中文",
43 | "pt": "Português",
44 | "id": "Bahasa Indonesia",
45 | "ar": "العربيّة"
46 | }
--------------------------------------------------------------------------------
/src/views/user/education/Education.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { makeStyles } from '@material-ui/styles'
3 | import { Typography, Grid } from '@material-ui/core'
4 |
5 | const useStyles = makeStyles(theme => ({
6 | root: {
7 | padding: theme.spacing(3)
8 | },
9 | content: {
10 | marginTop: 20,
11 | textAlign: 'center'
12 | },
13 | contentInner: {
14 | marginTop: 20
15 | },
16 | image: {
17 | width: 560,
18 | marginTop: 50,
19 | maxWidth: '100%',
20 | display: 'inline-block'
21 | }
22 | }))
23 |
24 | const Education = () => {
25 | const classes = useStyles()
26 |
27 | return (
28 |
29 |
33 |
37 |
58 |
59 |
60 | )
61 | }
62 |
63 | export default Education
--------------------------------------------------------------------------------
/src/views/admin/dashboard/components/TotalUsers.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { makeStyles } from '@material-ui/styles'
5 | import PeopleIcon from '@material-ui/icons/PeopleOutlined'
6 | import { Card, CardContent, Grid, Typography, Avatar } from '@material-ui/core'
7 |
8 | const useStyles = makeStyles(theme => ({
9 | root: {
10 | height: '100%'
11 | },
12 | content: {
13 | display: 'flex',
14 | alignItems: 'center'
15 | },
16 | title: {
17 | fontWeight: 700
18 | },
19 | avatar: {
20 | width: 56,
21 | height: 56,
22 | backgroundColor: 'green'
23 | },
24 | icon: {
25 | height: 32,
26 | width: 32
27 | }
28 | }))
29 |
30 | const TotalUsers = props => {
31 | const { className, users, ...rest } = props
32 |
33 | const classes = useStyles()
34 |
35 | return (
36 |
38 |
39 | Coming Soon!
40 |
41 |
42 | 
56 |
57 |
43 |
44 | We are working on making the educational content available as soon as possible, stay tuned and we will notify you once we launch.
45 |
46 |
47 |
48 | In the mean time feel free to email us your thoughts.
49 |
50 |
51 |
52 |
56 | -
46 | {users.map((user, i) => (
47 |
-
46 | {users.map((user, i) => (
47 |
45 |
47 | ))
48 |
49 | const SidebarNav = props => {
50 | const { pages, className, ...rest } = props
51 |
52 | const classes = useStyles()
53 |
54 | return (
55 | -
58 | {
59 | pages.map(page => (
60 |
50 |
53 |
59 |
63 |
64 |
65 | )
66 | }
67 |
68 | export default ViewSignals
--------------------------------------------------------------------------------
/src/vendors/slick/fonts/slick.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
15 |
--------------------------------------------------------------------------------
/public/locales/de/common.json:
--------------------------------------------------------------------------------
1 | {
2 | "title": "Ein einfaches Beispiel",
3 | "subtitle": "Es ist eine leere Seite. Baue deine Seite mit here auf",
4 | "error_with_status": "Auf dem Server ist ein Fehler aufgetreten",
5 | "404": "Diese Seite konnte nicht gefunden werden.",
6 | "404_subtitle": "Sie können entweder hier bleiben und entspannen oder zum Anfang zurückkehren.",
7 | "zurück": "zurück nach Hause",
8 | "error_without_status": "Auf dem Server ist ein Fehler aufgetreten",
9 | "contact_title": "Kostenloses Projektangebot",
10 | "contact_title2": "Sag Hallo zu uns",
11 | "contact_subtitle": "Haben Sie Fragen? Sind Sie bereit, Kosten zu senken und neue Einnahmen zu generieren? Oder möchten Sie einfach nur Hallo sagen? Schreiben Sie uns eine Nachricht.",
12 | "form_name": "Wie ist Ihr Name? *",
13 | "form_email": "Wie lautet Ihre E-Mail-Adresse? *",
14 | "form_phone": "Wie lautet Ihre Telefonnummer?",
15 | "form_company": "Was ist Ihre Firma?",
16 | "form_message": "Geben Sie hier Ihre Nachricht ein",
17 | "form_terms": "Ich habe die AGB von gelesen und akzeptiere sie.",
18 | "form_privacy": "Service & Datenschutz *",
19 | "form_send": "Nachricht senden",
20 | "login": "Einloggen",
21 | "login_create": "Neues Konto erstellen",
22 | "login_or": "Oder mit E-Mail einloggen",
23 | "login_email": "Email",
24 | "login_password": "Passwort",
25 | "login_remember": "Merken",
26 | "login_forgot": "Passwort vergessen",
27 | "continue": "Weiter",
28 | "login_title": "Willkommen zurück",
29 | "login_subtitle": "Bitte einloggen um fortzufahren",
30 | "register": "Register",
31 | "register_already": "Haben Sie schon ein Konto?",
32 | "register_or": "Oder registriere dich per E-Mail",
33 | "register_name": "Name? *",
34 | "register_email": "Email? *",
35 | "register_password": "Passwort",
36 | "register_confirm": "Passwort bestätigen",
37 | "register_title": "Schön dich zu treffen :)",
38 | "register_subtitle": "Einfach registrieren, um bei uns mitzumachen",
39 | "accept": "Accept",
40 | "en": "English",
41 | "de": "Deutsch",
42 | "zh": "简体中文",
43 | "pt": "Português",
44 | "id": "Bahasa Indonesia",
45 | "ar": "العربيّة"
46 | }
--------------------------------------------------------------------------------
/src/views/admin/subscriptions/Subscriptions.js:
--------------------------------------------------------------------------------
1 | import { useSnackbar } from 'notistack'
2 | import { makeStyles } from '@material-ui/styles'
3 | import React, { useEffect, useState } from 'react'
4 | import { Grid, Dialog, CircularProgress, DialogContent } from '@material-ui/core'
5 |
6 | import { AdminApi } from 'config/Api'
7 | import NewSubscription from './components/NewSubscription'
8 | import SubscriptionsList from './components/SubscriptionsList'
9 |
10 | const adminApi = new AdminApi()
11 |
12 | const useStyles = makeStyles(theme => ({
13 | root: {
14 | padding: theme.spacing(4)
15 | }
16 | }))
17 |
18 | const Subscriptions = () => {
19 | const classes = useStyles()
20 |
21 | const { enqueueSnackbar } = useSnackbar()
22 |
23 | const adminId = localStorage.getItem('adminId')
24 |
25 | const [isLoading, setIsLoading] = useState(true)
26 | const [subscriptionsState, setSubscriptionsState] = useState([])
27 |
28 | useEffect(() => { fetchSubscriptions() }, [])
29 |
30 | const fetchSubscriptions = async () => {
31 | const fetchSubscriptionsResult = await adminApi.fetchSubscriptions({ adminId })
32 | if (fetchSubscriptionsResult.error) {
33 | setIsLoading(false)
34 | return enqueueSnackbar(fetchSubscriptionsResult.message, { variant: 'error' })
35 | }
36 |
37 | setSubscriptionsState(fetchSubscriptionsResult.data)
38 | setIsLoading(false)
39 | }
40 |
41 | const reloadData = () => fetchSubscriptions()
42 |
43 | if (isLoading)
44 | return (
45 |
50 | )
51 |
52 | return (
53 |
54 |
57 |
63 |
67 |
68 |
74 |
77 |
78 |
79 | )
80 | }
81 |
82 | export default Subscriptions
--------------------------------------------------------------------------------
/src/views/web/landing/components/PageNav/pagenav-style.js:
--------------------------------------------------------------------------------
1 | import { makeStyles } from '@material-ui/core/styles'
2 | import { fade } from '@material-ui/core/styles/colorManipulator'
3 |
4 | const pagenav = makeStyles(theme => ({
5 | show: {},
6 | fab: {
7 | transform: 'scale(0.5)',
8 | transition: 'all 0.5s ease',
9 | opacity: 0,
10 | position: 'absolute',
11 | bottom: 0,
12 | right: 0,
13 | background: theme.palette.primary.light,
14 | fontWeight: theme.typography.fontWeightBold,
15 | '& svg': {
16 | fill: theme.palette.primary.dark,
17 | width: 40,
18 | height: 40
19 | },
20 | '&:hover': {
21 | '& svg': {
22 | fill: theme.palette.primary.light,
23 | },
24 | },
25 | },
26 | pageNav: {
27 | zIndex: 200,
28 | position: 'fixed',
29 | bottom: 40,
30 | right: 40,
31 | '& nav': {
32 | transition: 'height 0.5s ease',
33 | transitionDelay: '0.5s',
34 | height: 0,
35 | padding: theme.spacing(1, 1, 7),
36 | overflow: 'hidden'
37 | },
38 | '&$show': {
39 | '& $fab': {
40 | opacity: 1,
41 | transform: 'scale(1)',
42 | }
43 | },
44 | '& ul': {
45 | margin: '0 14px 16px 0',
46 | padding: 0,
47 | position: 'relative'
48 | },
49 | '& li': {
50 | marginBottom: theme.spacing(3),
51 | listStyle: 'none',
52 | opacity: 0,
53 | position: 'relative',
54 | transition: 'all 0.4s ease',
55 | '& a': {
56 | width: 12,
57 | height: 12,
58 | boxShadow: theme.shadows[1],
59 | background: fade(theme.palette.common.white, 0.3),
60 | border: `1px solid ${theme.palette.primary.dark}`,
61 | display: 'block',
62 | transition: 'all 0.4s ease',
63 | borderRadius: 3,
64 | transform: 'rotate(45deg)'
65 | },
66 | '&[class="active"] a': {
67 | background: theme.palette.primary.dark,
68 | border: `1px solid ${theme.palette.primary.light}`,
69 | },
70 | },
71 | '&:hover': {
72 | '& li': {
73 | opacity: 1,
74 | top: '0 !important',
75 | },
76 | '& nav': {
77 | transitionDelay: '0s',
78 | height: '100%'
79 | }
80 | }
81 | },
82 | tooltip: {
83 | textTransform: 'capitalize',
84 | background: theme.palette.primary.dark,
85 | fontSize: 14
86 | },
87 | }))
88 |
89 | export default pagenav
90 |
--------------------------------------------------------------------------------
/src/views/admin/sponsor/Sponsor.js:
--------------------------------------------------------------------------------
1 | import { useSnackbar } from 'notistack'
2 | import { makeStyles } from '@material-ui/styles'
3 | import React, { useEffect, useState } from 'react'
4 | import { Grid, Dialog, CircularProgress, DialogContent } from '@material-ui/core'
5 |
6 | import { AdminApi } from 'config/Api'
7 | import SponsorsTable from './components/SponsorsTable'
8 |
9 | const adminApi = new AdminApi()
10 |
11 | const useStyles = makeStyles(theme => ({
12 | root: {
13 | padding: theme.spacing(4)
14 | }
15 | }))
16 |
17 | const Sponsors = () => {
18 | const classes = useStyles()
19 | const { enqueueSnackbar } = useSnackbar()
20 |
21 | const adminId = localStorage.getItem('adminId')
22 |
23 | const [isLoading, setIsLoading] = useState(true)
24 | const [sponsorsState, setSponsorsState] = useState([])
25 |
26 | useEffect(() => {
27 | fetchSponsorsList()
28 | }, [])
29 |
30 | const fetchSponsorsList = async () => {
31 | const fetchSponsorsListResult = await adminApi.fetchSponsors({ adminId })
32 | if (fetchSponsorsListResult.error) {
33 | setIsLoading(false)
34 | return enqueueSnackbar(fetchSponsorsListResult.message, { variant: 'error' })
35 | }
36 |
37 | setSponsorsState(fetchSponsorsListResult.data)
38 | setIsLoading(false)
39 | }
40 |
41 | const reloadData = () => fetchSponsorsList()
42 |
43 | if (isLoading)
44 | return (
45 |
50 | )
51 |
52 | return (
53 |
54 |
57 |
63 |
67 |
68 |
69 | )
70 | }
71 |
72 | export default Sponsors
--------------------------------------------------------------------------------
/src/views/web/auth/components/AuthFrame/AuthFrame.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import HomeIcon from 'react-ionicons/lib/IosHomeOutline'
5 | import { IconButton, Hidden, Paper, Typography, Container, Grid } from '@material-ui/core'
6 |
7 | import useStyles from '../../form-style'
8 |
9 | const AuthFrame = props => {
10 | const classes = useStyles()
11 | const { children, title, subtitle } = props
12 |
13 | return (
14 |
15 |
16 |
26 |
27 |
28 |
29 |
30 |
32 |
33 |
65 |
66 |
67 | )
68 | }
69 |
70 | AuthFrame.propTypes = {
71 | children: PropTypes.node.isRequired,
72 | title: PropTypes.string.isRequired,
73 | subtitle: PropTypes.string,
74 | }
75 |
76 | AuthFrame.defaultProps = {
77 | subtitle: '',
78 | }
79 |
80 | export default AuthFrame
81 |
--------------------------------------------------------------------------------
/src/vendors/slick/slick.css:
--------------------------------------------------------------------------------
1 | /* Slider */
2 | .slick-slider
3 | {
4 | position: relative;
5 |
6 | display: block;
7 | box-sizing: border-box;
8 |
9 | -webkit-user-select: none;
10 | -moz-user-select: none;
11 | -ms-user-select: none;
12 | user-select: none;
13 |
14 | -webkit-touch-callout: none;
15 | -khtml-user-select: none;
16 | -ms-touch-action: pan-y;
17 | touch-action: pan-y;
18 | -webkit-tap-highlight-color: transparent;
19 | }
20 |
21 | .slick-list
22 | {
23 | position: relative;
24 |
25 | display: block;
26 | overflow: hidden;
27 |
28 | margin: 0;
29 | padding: 0;
30 | }
31 | .slick-list:focus
32 | {
33 | outline: none;
34 | }
35 | .slick-list.dragging
36 | {
37 | cursor: pointer;
38 | cursor: hand;
39 | }
40 |
41 | .slick-slider .slick-track,
42 | .slick-slider .slick-list
43 | {
44 | -webkit-transform: translate3d(0, 0, 0);
45 | -moz-transform: translate3d(0, 0, 0);
46 | -ms-transform: translate3d(0, 0, 0);
47 | -o-transform: translate3d(0, 0, 0);
48 | transform: translate3d(0, 0, 0);
49 | }
50 |
51 | .slick-track
52 | {
53 | position: relative;
54 | top: 0;
55 | left: 0;
56 |
57 | display: block;
58 | margin-left: auto;
59 | margin-right: auto;
60 | }
61 | .slick-track:before,
62 | .slick-track:after
63 | {
64 | display: table;
65 |
66 | content: '';
67 | }
68 | .slick-track:after
69 | {
70 | clear: both;
71 | }
72 | .slick-loading .slick-track
73 | {
74 | visibility: hidden;
75 | }
76 |
77 | .slick-slide
78 | {
79 | display: none;
80 | float: left;
81 |
82 | height: 100%;
83 | min-height: 1px;
84 | }
85 | .slick-slide img
86 | {
87 | display: block;
88 | }
89 | .slick-slide.slick-loading img
90 | {
91 | display: none;
92 | }
93 | .slick-slide.dragging img
94 | {
95 | pointer-events: none;
96 | }
97 | .slick-initialized .slick-slide
98 | {
99 | display: block;
100 | }
101 | .slick-loading .slick-slide
102 | {
103 | visibility: hidden;
104 | }
105 | .slick-vertical .slick-slide
106 | {
107 | display: block;
108 |
109 | height: auto;
110 |
111 | border: 1px solid transparent;
112 | }
113 | .slick-arrow.slick-hidden {
114 | display: none;
115 | }
116 |
--------------------------------------------------------------------------------
/src/layouts/user/components/sidebar/components/SidebarNav.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import ReactGA from 'react-ga'
3 | import PropTypes from 'prop-types'
4 | import React, { forwardRef } from 'react'
5 | import { makeStyles } from '@material-ui/styles'
6 | import { NavLink as RouterLink } from 'react-router-dom'
7 | import { List, ListItem, Button } from '@material-ui/core'
8 |
9 | const useStyles = makeStyles(theme => ({
10 | root: {},
11 | item: {
12 | paddingTop: 0,
13 | display: 'flex',
14 | paddingBottom: 0
15 | },
16 | button: {
17 | width: '100%',
18 | letterSpacing: 0,
19 | padding: '10px 8px',
20 | textTransform: 'none',
21 | color: theme.palette.text,
22 | justifyContent: 'flex-start',
23 | fontWeight: theme.typography.fontWeightMedium
24 | },
25 | icon: {
26 | width: 24,
27 | height: 24,
28 | display: 'flex',
29 | alignItems: 'center',
30 | color: theme.palette.icon,
31 | marginRight: theme.spacing(1)
32 | },
33 | active: {
34 | color: theme.palette.primary.main,
35 | fontWeight: theme.typography.fontWeightMedium,
36 | '& $icon': {
37 | color: theme.palette.primary.main
38 | }
39 | }
40 | }))
41 |
42 | const CustomRouterLink = forwardRef((props, ref) => (
43 |
17 |
18 |
19 |
20 |
21 | Mega Trade
22 |
23 |
24 |
25 |
19 |
20 |
34 |
35 |
36 |
37 |
55 |
56 |
57 |
58 |
62 |
63 |
64 |
38 |
47 | {title}
48 |
49 |
50 |
51 | {subtitle}
52 |
53 |
54 |
39 |
40 |
41 |
42 | Mega Trade
43 |
44 |
45 |
46 |
40 |
41 |
59 | {children}
60 |
61 |
46 |
48 | ))
49 |
50 | const SidebarNav = props => {
51 | const { pages, className, ...rest } = props
52 |
53 | const classes = useStyles()
54 |
55 | return (
56 | -
59 | {
60 | pages.map(page => (
61 |
68 |
71 |
77 |
82 |
83 |
84 | )
85 | }
86 |
87 | export default Users
--------------------------------------------------------------------------------
/src/views/web/resetPassword/resetPassword-style.js:
--------------------------------------------------------------------------------
1 | import { makeStyles } from '@material-ui/core/styles'
2 | import { fade, darken } from '@material-ui/core/styles/colorManipulator'
3 |
4 | const useStyles = makeStyles(theme => ({
5 | errorWrap: {
6 | width: '100%',
7 | minHeight: '90vh',
8 | display: 'flex',
9 | alignItems: 'center'
10 | },
11 | flex: {
12 | display: 'flex',
13 | justifyContent: 'center'
14 | },
15 | deco: {
16 | position: 'relative',
17 | [theme.breakpoints.down('md')]: {
18 | height: 320,
19 | },
20 | '& h3': {
21 | fontFamily: 'Roboto Condensed',
22 | color: theme.palette.primary.main,
23 | fontSize: 106,
24 | textTransform: 'capitalize',
25 | fontWeight: 700,
26 | paddingTop: 40,
27 | paddingLeft: 20,
28 | position: 'relative',
29 | zIndex: 1,
30 | },
31 | '&:before': {
32 | content: '"',
33 | width: 210,
34 | height: 220,
35 | background: theme.palette.primary.main,
36 | borderRadius: 24,
37 | transform: 'rotate(45deg)',
38 | position: 'absolute',
39 | top: theme.spacing(-1),
40 | left: 0,
41 | }
42 | },
43 | input: {
44 | width: '100%',
45 | '& label': {
46 | left: theme.spacing(0.5),
47 | },
48 | '& > div': {
49 | overflow: 'hidden',
50 | '& input, textarea': {
51 | paddingLeft: theme.spacing(2),
52 | '&:focus': {
53 | background: theme.palette.background.default
54 | },
55 | }
56 | },
57 | '&$light': {
58 | '& label': {
59 | color: theme.palette.common.white,
60 | },
61 | '& > div': {
62 | border: `1px solid ${fade(theme.palette.primary.light, 0.5)}`,
63 | '& input': {
64 | color: theme.palette.common.white,
65 | '&:focus': {
66 | background: fade(theme.palette.text.hint, 0.2)
67 | },
68 | '&:hover': {
69 | background: fade(theme.palette.text.hint, 0.2)
70 | }
71 | },
72 | }
73 | }
74 | },
75 | text: {
76 | borderLeft: `1px solid ${theme.palette.divider}`,
77 | [theme.breakpoints.up('md')]: {
78 | paddingLeft: theme.spacing(5),
79 | },
80 | [theme.breakpoints.down('md')]: {
81 | textAlign: 'center'
82 | },
83 | '& h4': {
84 | fontWeight: theme.typography.fontWeightBold,
85 | marginBottom: theme.spacing(4)
86 | },
87 | '& p': {
88 | fontSize: 22,
89 | color: theme.palette.text.secondary
90 | }
91 | },
92 | button: {
93 | marginTop: theme.spacing(4)
94 | }
95 | }))
96 |
97 | export default useStyles
98 |
--------------------------------------------------------------------------------
/src/views/admin/dashboard/components/TotalPayingUsers.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { makeStyles } from '@material-ui/styles'
5 | import AttachMoneyIcon from '@material-ui/icons/AttachMoney'
6 | import { Card, CardContent, Grid, Typography, Avatar } from '@material-ui/core'
7 |
8 | const useStyles = makeStyles(theme => ({
9 | root: {
10 | height: '100%',
11 | color: theme.palette.primary.contrastText,
12 | backgroundColor: theme.palette.primary.main
13 | },
14 | content: {
15 | display: 'flex',
16 | alignItems: 'center'
17 | },
18 | title: {
19 | fontWeight: 700
20 | },
21 | avatar: {
22 | width: 56,
23 | height: 56,
24 | color: theme.palette.primary.main,
25 | backgroundColor: theme.palette.background.paper
26 | },
27 | icon: {
28 | width: 32,
29 | height: 32
30 | }
31 | }))
32 |
33 | const TotalProfit = props => {
34 | const { className, payingUsers, ...rest } = props
35 |
36 | const classes = useStyles()
37 |
38 | return (
39 |
42 |
73 | )
74 | }
75 |
76 | UpgradePlan.propTypes = {
77 | className: PropTypes.string
78 | }
79 |
80 | export default UpgradePlan
--------------------------------------------------------------------------------
/src/views/user/groupChat/components/UpgradePlan.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { Link } from 'react-router-dom'
5 | import { makeStyles } from '@material-ui/styles'
6 | import { Typography, Button } from '@material-ui/core'
7 |
8 | const useStyles = makeStyles(theme => ({
9 | root: {
10 | marginTop: 50,
11 | borderRadius: 25,
12 | backgroundColor: theme.palette.background.default
13 | },
14 | media: {
15 | height: 80,
16 | textAlign: 'center',
17 | paddingTop: theme.spacing(2),
18 | '& > img': {
19 | width: 'auto',
20 | height: '100%'
21 | }
22 | },
23 | content: {
24 | padding: theme.spacing(1, 2)
25 | },
26 | actions: {
27 | display: 'flex',
28 | justifyContent: 'center',
29 | padding: theme.spacing(1, 2)
30 | }
31 | }))
32 |
33 | const UpgradePlan = props => {
34 | const { className, ...rest } = props
35 |
36 | const classes = useStyles()
37 |
38 | return (
39 |
43 |
46 |
47 |
48 |
46 |
49 |
53 | We are Sorry! Live is coming soon to Premium Members
54 |
55 |
56 |
59 | Upgrade your Subscription to recieve all features including trading signals, group chat, etc.
60 |
61 |
62 |
63 |
64 |
71 |
72 |
42 |
73 | )
74 | }
75 |
76 | UpgradePlan.propTypes = {
77 | className: PropTypes.string
78 | }
79 |
80 | export default UpgradePlan
--------------------------------------------------------------------------------
/src/views/web/landing/components/Header/MobileMenu.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React, { Fragment } from 'react'
3 | import PropTypes from 'prop-types'
4 | import useStyles from './header-style'
5 | import SwipeableDrawer from '@material-ui/core/SwipeableDrawer'
6 | import { Divider, ListItem, List, ListItemText } from '@material-ui/core'
7 |
8 |
9 | import navMenu from './menu'
10 |
11 | const MobileMenu = props => {
12 | const classes = useStyles()
13 | const { toggleDrawer, open } = props
14 |
15 | const userId = localStorage.getItem('userId')
16 |
17 | const SideList = () => (
18 |
43 |
46 |
47 |
48 |
46 |
49 |
53 | We are Sorry! Group Chat is only available to Premium Members
54 |
55 |
56 |
59 | Upgrade your Subscription to recieve all features including trading signals, group chat, etc.
60 |
61 |
62 |
63 |
64 |
71 |
72 |
23 |
67 | )
68 |
69 | return (
70 |
24 |
66 | -
25 | {navMenu.map((item, index) => (
26 |
-
41 | {userId
42 | ?
44 |
75 | )
76 | }
77 |
78 | UpgradePlan.propTypes = {
79 | className: PropTypes.string
80 | }
81 |
82 | export default UpgradePlan
--------------------------------------------------------------------------------
/src/views/admin/signals/Signals.js:
--------------------------------------------------------------------------------
1 | import { useSnackbar } from 'notistack'
2 | import { makeStyles } from '@material-ui/styles'
3 | import React, { useEffect, useState } from 'react'
4 | import { Grid, Dialog, CircularProgress, DialogContent } from '@material-ui/core'
5 |
6 | import { AdminApi } from 'config/Api'
7 | import SignalsTable from './components/SignalsTable'
8 | import FreeSignalsTable from './components/FreeSignalsTable'
9 |
10 | const adminApi = new AdminApi()
11 |
12 | const useStyles = makeStyles(theme => ({
13 | root: {
14 | padding: theme.spacing(4)
15 | }
16 | }))
17 |
18 | const Signals = () => {
19 | const classes = useStyles()
20 | const { enqueueSnackbar } = useSnackbar()
21 |
22 | const adminId = localStorage.getItem('adminId')
23 |
24 | const [isLoading, setIsLoading] = useState(true)
25 | const [signalsState, setSignalsState] = useState([])
26 | const [freeSignalsState, setFreeSignalsState] = useState([])
27 |
28 | useEffect(() => {
29 | fetchSignalsList()
30 | fetchFreeSignalsList()
31 | }, [])
32 |
33 | const fetchFreeSignalsList = async () => {
34 | const fetchFreeSignalsListResult = await adminApi.fetchFreeSignals({ adminId })
35 | if (fetchFreeSignalsListResult.error) {
36 | setIsLoading(false)
37 | return enqueueSnackbar(fetchFreeSignalsListResult.message, { variant: 'error' })
38 | }
39 |
40 | setFreeSignalsState(fetchFreeSignalsListResult.data)
41 | setIsLoading(false)
42 | }
43 |
44 | const fetchSignalsList = async () => {
45 | const fetchSignalsListResult = await adminApi.fetchSignals({ adminId })
46 | if (fetchSignalsListResult.error) {
47 | setIsLoading(false)
48 | return enqueueSnackbar(fetchSignalsListResult.message, { variant: 'error' })
49 | }
50 |
51 | setSignalsState(fetchSignalsListResult.data)
52 | setIsLoading(false)
53 | }
54 |
55 | const reloadData = () => {
56 | fetchSignalsList()
57 | fetchFreeSignalsList()
58 | }
59 |
60 | if (isLoading)
61 | return (
62 |
67 | )
68 |
69 | return (
70 |
45 |
48 |
49 |
50 |
48 |
51 |
55 | We are Sorry! Trade Signals are only available to Basic & Premium Members
56 |
57 |
58 |
61 | Upgrade your Subscription to recieve all features including trading signals, group chat, etc.
62 |
63 |
64 |
65 |
66 |
73 |
74 |
71 |
74 |
80 |
84 |
85 |
91 |
95 |
96 |
97 | )
98 | }
99 |
100 | export default Signals
--------------------------------------------------------------------------------
/src/views/web/landing/components/PageNav/PageNav.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import Scrollspy from 'react-scrollspy'
3 | import { Fab, Tooltip } from '@material-ui/core'
4 | import React, { useState, useEffect } from 'react'
5 | import ArrowIcon from '@material-ui/icons/ArrowUpward'
6 | import AnchorLink from 'react-anchor-link-smooth-scroll'
7 |
8 | import navMenu from '../Header/menu'
9 | import useStyles from './pagenav-style'
10 |
11 | function createData(id, name, url) {
12 | return {
13 | id,
14 | url,
15 | name
16 | }
17 | }
18 |
19 | const LinkBtn = React.forwardRef(function LinkBtn(props, ref) {
20 | return
54 |
60 |
66 |
68 |
69 |
70 |
89 |
90 | )
91 | }
92 |
93 | export default PageNav
94 |
--------------------------------------------------------------------------------
/src/vendors/animate-extends.css:
--------------------------------------------------------------------------------
1 | @-webkit-keyframes fadeInLeftShort {
2 | from {
3 | opacity: 0;
4 | -webkit-transform: translate3d(-5%, 0, 0);
5 | transform: translate3d(-5%, 0, 0);
6 | }
7 |
8 | to {
9 | opacity: 1;
10 | -webkit-transform: translate3d(0, 0, 0);
11 | transform: translate3d(0, 0, 0);
12 | }
13 | }
14 |
15 | @keyframes fadeInLeftShort {
16 | from {
17 | opacity: 0;
18 | -webkit-transform: translate3d(-5%, 0, 0);
19 | transform: translate3d(-5%, 0, 0);
20 | }
21 |
22 | to {
23 | opacity: 1;
24 | -webkit-transform: translate3d(0, 0, 0);
25 | transform: translate3d(0, 0, 0);
26 | }
27 | }
28 |
29 | @-webkit-keyframes fadeInLeftMedium {
30 | from {
31 | opacity: 0;
32 | -webkit-transform: translate3d(-25%, 0, 0);
33 | transform: translate3d(-25%, 0, 0);
34 | }
35 |
36 | to {
37 | opacity: 1;
38 | -webkit-transform: translate3d(0, 0, 0);
39 | transform: translate3d(0, 0, 0);
40 | }
41 | }
42 |
43 | @keyframes fadeInLeftMedium {
44 | from {
45 | opacity: 0;
46 | -webkit-transform: translate3d(-25%, 0, 0);
47 | transform: translate3d(-25%, 0, 0);
48 | }
49 |
50 | to {
51 | opacity: 1;
52 | -webkit-transform: translate3d(0, 0, 0);
53 | transform: translate3d(0, 0, 0);
54 | }
55 | }
56 |
57 | .fadeInLeftShort {
58 | -webkit-animation-name: fadeInLeftMedium;
59 | animation-name: fadeInLeftMedium;
60 | }
61 |
62 | @-webkit-keyframes zoomInShort {
63 | from {
64 | opacity: 0;
65 | -webkit-transform: scale3d(0.8, 0.8, 0.8);
66 | transform: scale3d(0.8, 0.8, 0.8);
67 | }
68 |
69 | 50% {
70 | opacity: 1;
71 | }
72 | }
73 |
74 | @keyframes zoomInShort {
75 | from {
76 | opacity: 0;
77 | -webkit-transform: scale3d(0.9, 0.9, 0.9);
78 | transform: scale3d(0.9, 0.9, 0.9);
79 | }
80 |
81 | 50% {
82 | opacity: 1;
83 | }
84 | }
85 |
86 | .zoomInShort {
87 | -webkit-animation-name: zoomInShort;
88 | animation-name: zoomInShort;
89 | }
90 |
91 | @-webkit-keyframes fadeInUpShort {
92 | from {
93 | opacity: 0;
94 | -webkit-transform: translate3d(0, 10%, 0);
95 | transform: translate3d(0, 100%, 0);
96 | }
97 |
98 | to {
99 | opacity: 1;
100 | -webkit-transform: translate3d(0, 10%, 0);
101 | transform: translate3d(0, 0, 0);
102 | }
103 | }
104 |
105 | @keyframes fadeInUpShort {
106 | from {
107 | opacity: 0;
108 | -webkit-transform: translate3d(0, 10%, 0);
109 | transform: translate3d(0, 10%, 0);
110 | }
111 |
112 | to {
113 | opacity: 1;
114 | -webkit-transform: translate3d(0, 0, 0);
115 | transform: translate3d(0, 0, 0);
116 | }
117 | }
118 |
119 | .fadeInUp {
120 | -webkit-animation-name: fadeInUpShort;
121 | animation-name: fadeInUpShort;
122 | }
--------------------------------------------------------------------------------
/src/views/web/landing/components/Testimonials/Testimonials.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Carousel from 'react-slick'
3 | import { Typography, Avatar, Paper } from '@material-ui/core'
4 |
5 | import useStyle from './testi-style'
6 | import { useTextAlign } from 'theme/common'
7 |
8 | const testiContent = [
9 | {
10 | text: 'I had very good experience with this guys and I can recommend it to anyone. They go for trade with high probability not just for any trade.',
11 | avatar: 'https://randomuser.me/api/portraits/men/3.jpg',
12 | name: 'James, Dorset, UK'
13 | },
14 | {
15 | text: 'As a member of their signal service, they really know how to trade forex. I like their mid-term trading setup.',
16 | avatar: 'https://randomuser.me/api/portraits/men/75.jpg',
17 | name: 'Sang, Texas, USA'
18 | },
19 | {
20 | text: 'They provide an excellent service with frequent and incredibly reliable Forex signals. Their service is massively helping me along my journey through the trading world!',
21 | avatar: 'https://randomuser.me/api/portraits/women/90.jpg',
22 | name: 'Elliot, United Kingdom'
23 | }
24 | ]
25 |
26 | const Testimonials = () => {
27 | const classes = useStyle()
28 | const align = useTextAlign()
29 | const settings = {
30 | dots: true,
31 | infinite: true,
32 | speed: 500,
33 | slidesToShow: 3,
34 | slidesToScroll: 1,
35 | responsive: [{
36 | breakpoint: 1024,
37 | settings: {
38 | slidesToShow: 3,
39 | slidesToScroll: 3,
40 | infinite: true,
41 | dots: true
42 | }
43 | }, {
44 | breakpoint: 600,
45 | settings: {
46 | slidesToShow: 2,
47 | slidesToScroll: 2
48 | }
49 | }, {
50 | breakpoint: 480,
51 | settings: {
52 | slidesToShow: 1,
53 | slidesToScroll: 1
54 | }
55 | }]
56 | }
57 |
58 | return (
59 |
60 |
61 | Testimonials
62 |
63 |
64 | Curabitur egestas consequat lorem, vel fermentum augue porta id.
65 |
66 |
67 |
90 | )
91 | }
92 |
93 | export default Testimonials
94 |
--------------------------------------------------------------------------------
/src/views/web/landing/components/AnimateSlider/AnimateSlider.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Slider from 'react-animated-slider'
3 | import { Typography, Button, Grid } from '@material-ui/core'
4 |
5 | import useStyles from './slider-style'
6 |
7 | import 'vendors/animate-slider.css'
8 | import 'react-animated-slider/build/horizontal.css'
9 |
10 | const AnimateSlider = () => {
11 | const classes = useStyles()
12 |
13 | return (
14 |
68 |
69 | {testiContent.map((item, index) => (
70 |
88 |
89 |
71 |
72 |
73 | {item.text}
74 |
75 |
85 |
86 | ))}
87 |
76 |
81 | {item.name}
82 |
83 |
84 |
15 |
19 |
80 |
81 | )
82 | }
83 |
84 | AnimateSlider.getInitialProps = async () => ({
85 | namespacesRequired: ['common', 'starter-landing']
86 | })
87 |
88 | export default AnimateSlider
89 |
--------------------------------------------------------------------------------
/src/views/web/landing/Landing.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import PropTypes from 'prop-types'
3 | import React, { Fragment } from 'react'
4 | import { CssBaseline, Hidden, makeStyles, Container } from '@material-ui/core'
5 |
6 | import FAQ from './components/FAQ'
7 | import Header from './components/Header'
8 | import Footer from './components/Footer'
9 | import Counter from './components/Counter'
10 | import Contact from './components/Contact'
11 | import Feature from './components/Feature'
12 | import PageNav from './components/PageNav'
13 | import Pricing from './components/Pricing'
14 | import Subscribe from './components/Subscribe'
15 | import Testimonials from './components/Testimonials'
16 | import AnimateSlider from './components/AnimateSlider'
17 | import Disclaimer from './components/Disclaimer/Disclaimer'
18 |
19 | const sectionMargin = margin => (margin * 15)
20 | const useStyles = makeStyles(theme => ({
21 | mainWrap: {
22 | position: 'relative',
23 | width: '100%',
24 | overflow: 'hidden',
25 | },
26 | spaceBottom: {
27 | marginBottom: sectionMargin(theme.spacing())
28 | },
29 | spaceTop: {
30 | paddingTop: sectionMargin(theme.spacing())
31 | },
32 | containerWrap: {
33 | marginTop: theme.spacing(15)
34 | }
35 | }))
36 |
37 | const Landing = props => {
38 | const classes = useStyles()
39 |
40 | return (
41 |
22 |
38 |
39 |
23 | World Class Trading Signals
24 |
25 | 99% Successful signal trades. We provide all you need to make the right trades.
26 |
27 |
37 |
28 |
29 |
30 |
33 |
34 |
35 |
36 |
42 |
58 |
59 |
43 | World Class Trading Signals
44 |
45 | 99% Successful signal trades. We provide all you need to make the right trades.
46 |
47 |
57 |
48 |
49 |
50 |
53 |
54 |
55 |
56 |
62 |
78 |
79 |
63 | World Class Trading Signals
64 |
65 | 99% Successful signal trades. We provide all you need to make the right trades.
66 |
67 |
77 |
68 |
69 |
70 |
73 |
74 |
75 |
76 |
47 |
50 |
51 |
52 |
54 |
55 |
56 |
57 |
58 |
60 |
61 |
62 |
63 |
65 |
66 |
67 |
69 |
70 |
71 |
73 |
74 |
75 |
77 |
78 |
79 |
81 |
82 |
83 |
85 |
86 |
87 |
89 |
90 |
91 |
92 |
94 |
95 |
96 |
97 |
89 |
93 |
94 |
95 | {
96 | focus.labels.map((option, i) => (
97 |
114 |
100 |
102 | {option}
103 |
104 |
105 |
108 | {focus.data[i]}%
109 |
110 |
111 | ))
112 | }
113 |
48 |
49 | {tiers.map(tier => (
50 |
51 |
52 |
61 |
73 | {item}
74 | ))}
75 |
76 |
77 |
78 |
81 |
82 |
83 |
84 | ))}
85 |
86 |
87 |
62 |
63 | $ {tier.price}
64 |
65 |
66 |
67 | {tier.durartion}
68 |
69 |
70 |
71 | {tier.description.map((item, i) => (
72 |
29 |
30 |
31 |
32 |
33 |
47 |
48 |
49 |
50 |
51 |
65 |
66 |
67 |
68 |
69 |
83 |
84 |
85 |
86 |
87 |
101 |
102 |
103 |
104 |
105 | )
106 | }
107 |
108 | export default Counter
--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactGA from 'react-ga'
3 | import Validate from 'validate.js'
4 | import { Chart } from 'react-chartjs-2'
5 | import { Router } from 'react-router-dom'
6 | import { SnackbarProvider } from 'notistack'
7 | import { createBrowserHistory } from 'history'
8 | import { CssBaseline, MuiThemeProvider, createMuiTheme } from '@material-ui/core'
9 |
10 | import theme from './theme'
11 | import Routes from './Routes'
12 | import './assets/scss/index.scss'
13 | import Chartjs from './helpers/chartjs'
14 | import Constants from 'config/Constants'
15 | import Validators from './common/Validators'
16 |
17 | import 'animate.css/animate.css'
18 | import 'vendors/slick/slick.css'
19 | import 'vendors/animate-extends.css'
20 | import 'vendors/page-transition.css'
21 | import 'vendors/slick/slick-theme.css'
22 | import 'react-perfect-scrollbar/dist/css/styles.css'
23 |
24 | const browserHistory = createBrowserHistory()
25 |
26 | Chart.helpers.extend(Chart.elements.Rectangle.prototype, {
27 | draw: Chartjs.draw
28 | })
29 |
30 | Validate.validators = {
31 | ...Validate.validators,
32 | ...Validators
33 | }
34 |
35 | let themeType = 'light'
36 | if (typeof Storage !== 'undefined')
37 | themeType = localStorage.getItem('theme') || 'light'
38 |
39 | export default class App extends React.Component {
40 | state = {
41 | mainTheme: {
42 | ...theme('main', themeType)
43 | },
44 | isFirstMessage: true,
45 | botResponse: 'Thank you for visiting our website! One of our team members will get back to you shortly. In the mean time feel free to create a free account and check out your personal dashboard.'
46 | }
47 |
48 | componentDidMount = () => {
49 | ReactGA.initialize(Constants.GOOGLE_TRACKING_ID, {
50 | gaOptions: {
51 | userId: localStorage.getItem('userId') || '-'
52 | }
53 | })
54 |
55 | ReactGA.pageview(window.location.pathname + window.location.search)
56 |
57 | browserHistory.listen(location => {
58 | ReactGA.set({ page: location.pathname })
59 | ReactGA.pageview(location.pathname)
60 | })
61 | }
62 |
63 | toggleDarkTheme = () => {
64 | const { mainTheme } = this.state
65 | const newPaletteType = mainTheme.palette.type === 'light' ? 'dark' : 'light';
66 | localStorage.setItem('theme', mainTheme.palette.type === 'light' ? 'dark' : 'light')
67 |
68 | this.setState({
69 | mainTheme: {
70 | ...theme('main', newPaletteType),
71 | direction: theme.direction
72 | }
73 | })
74 | }
75 |
76 | toggleDirection = dir => {
77 | const { mainTheme } = this.state
78 | document.dir = dir
79 |
80 | this.setState({
81 | mainTheme: {
82 | ...mainTheme,
83 | direction: dir,
84 | palette: {
85 | ...mainTheme.palette
86 | }
87 | }
88 | })
89 | }
90 |
91 | render() {
92 | const { mainTheme } = this.state
93 | const appTheme = createMuiTheme(mainTheme)
94 |
95 | return (
96 |
34 |
46 |
37 |
38 | {countup(200, play)}+
39 |
40 |
41 |
42 | Subscribers this month
43 |
44 |
45 |
52 |
64 |
55 |
56 | ~{countup(9, play)}
57 |
58 |
59 |
60 | Trades per day
61 |
62 |
63 |
70 |
82 |
73 |
74 | ~{countup(450, play)}
75 |
76 |
77 |
78 | Pips per month
79 |
80 |
81 |
88 |
100 |
91 |
92 | {countup(10, play)}+
93 |
94 |
95 |
96 | Years of Experience
97 |
98 |
99 |
104 |
108 |
74 |
77 |
83 |
94 |
95 |
101 |
103 |
104 |
110 |
121 |
122 |
123 | )
124 | }
125 |
126 | export default Account
--------------------------------------------------------------------------------
/src/vendors/slick/slick-theme.css:
--------------------------------------------------------------------------------
1 | /* Slider */
2 | .slick-loading .slick-list
3 | {
4 | background: #fff url('./ajax-loader.gif') center center no-repeat;
5 | }
6 |
7 | /* Icons */
8 | /* Arrows */
9 | .slick-prev,
10 | .slick-next
11 | {
12 | font-size: 0;
13 | line-height: 0;
14 |
15 | position: absolute;
16 | top: 50%;
17 |
18 | display: block;
19 |
20 | width: 20px;
21 | height: 20px;
22 | padding: 0;
23 | -webkit-transform: translate(0, -50%);
24 | -ms-transform: translate(0, -50%);
25 | transform: translate(0, -50%);
26 |
27 | cursor: pointer;
28 |
29 | color: transparent;
30 | border: none;
31 | outline: none;
32 | background: transparent;
33 | }
34 | .slick-prev:hover,
35 | .slick-prev:focus,
36 | .slick-next:hover,
37 | .slick-next:focus
38 | {
39 | color: transparent;
40 | outline: none;
41 | background: transparent;
42 | }
43 | .slick-prev:hover:before,
44 | .slick-prev:focus:before,
45 | .slick-next:hover:before,
46 | .slick-next:focus:before
47 | {
48 | opacity: 1;
49 | }
50 | .slick-prev.slick-disabled:before,
51 | .slick-next.slick-disabled:before
52 | {
53 | opacity: .25;
54 | }
55 |
56 | .slick-prev:before,
57 | .slick-next:before
58 | {
59 | font-family: 'slick';
60 | font-size: 20px;
61 | line-height: 1;
62 |
63 | opacity: .75;
64 | color: white;
65 |
66 | -webkit-font-smoothing: antialiased;
67 | -moz-osx-font-smoothing: grayscale;
68 | }
69 |
70 | .slick-prev
71 | {
72 | left: -25px;
73 | }
74 | .slick-prev:before
75 | {
76 | content: '←';
77 | }
78 |
79 | .slick-next
80 | {
81 | right: -25px;
82 | }
83 | .slick-next:before
84 | {
85 | content: '→';
86 | }
87 |
88 | /* Dots */
89 | .slick-dotted.slick-slider
90 | {
91 | margin-bottom: 30px;
92 | }
93 |
94 | .slick-dots
95 | {
96 | position: absolute;
97 | bottom: -25px;
98 |
99 | display: block;
100 |
101 | width: 100%;
102 | padding: 0;
103 | margin: 0;
104 |
105 | list-style: none;
106 |
107 | text-align: center;
108 | }
109 | .slick-dots li
110 | {
111 | position: relative;
112 |
113 | display: inline-block;
114 |
115 | width: 20px;
116 | height: 20px;
117 | margin: 0 5px;
118 | padding: 0;
119 |
120 | cursor: pointer;
121 | }
122 | .slick-dots li button
123 | {
124 | font-size: 0;
125 | line-height: 0;
126 |
127 | display: block;
128 |
129 | width: 20px;
130 | height: 20px;
131 | padding: 5px;
132 |
133 | cursor: pointer;
134 |
135 | color: transparent;
136 | border: 0;
137 | outline: none;
138 | background: transparent;
139 | }
140 | .slick-dots li button:hover,
141 | .slick-dots li button:focus
142 | {
143 | outline: none;
144 | }
145 | .slick-dots li button:hover:before,
146 | .slick-dots li button:focus:before
147 | {
148 | opacity: 1;
149 | }
150 | .slick-dots li button:before
151 | {
152 | font-family: 'slick';
153 | font-size: 6px;
154 | line-height: 20px;
155 |
156 | position: absolute;
157 | top: 0;
158 | left: 0;
159 |
160 | width: 20px;
161 | height: 20px;
162 |
163 | content: '•';
164 | text-align: center;
165 |
166 | opacity: .25;
167 | color: black;
168 |
169 | -webkit-font-smoothing: antialiased;
170 | -moz-osx-font-smoothing: grayscale;
171 | }
172 | .slick-dots li.slick-active button:before
173 | {
174 | opacity: .75;
175 | color: black;
176 | }
177 |
--------------------------------------------------------------------------------
/src/views/web/landing/components/Feature/MainFeature.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Grid, Typography } from '@material-ui/core'
3 |
4 | import useStyles from './feature-style'
5 |
6 | const MainFeature = () => {
7 | const classes = useStyles()
8 |
9 | return (
10 |
11 |
12 |
13 |
28 |
29 |
30 |
45 |
46 |
47 |
62 |
63 |
64 |
79 |
80 |
81 |
96 |
97 |
98 | )
99 | }
100 |
101 | export default MainFeature
102 |
--------------------------------------------------------------------------------
/src/views/web/landing/components/Footer/footer-style.js:
--------------------------------------------------------------------------------
1 | import { makeStyles } from '@material-ui/core/styles'
2 |
3 | const footerStyles = makeStyles(theme => ({
4 | link: {
5 | margin: theme.spacing(1, 1.5),
6 | },
7 | footer: {
8 | position: 'relative',
9 | marginTop: theme.spacing(8),
10 | paddingTop: theme.spacing(3),
11 | paddingBottom: theme.spacing(8),
12 | '& ul': {
13 | margin: 0,
14 | padding: 0,
15 | },
16 | '& li': {
17 | listStyle: 'none',
18 | marginBottom: theme.spacing(),
19 | '& a': {
20 | fontSize: 14,
21 | textDecoration: 'none !important',
22 | '&:hover': {
23 | color: theme.palette.primary.main
24 | }
25 | }
26 | },
27 | '& p': {
28 | [theme.breakpoints.down('sm')]: {
29 | padding: theme.spacing(0, 3)
30 | }
31 | }
32 | },
33 | title: {
34 | color: theme.palette.type === 'dark' ? theme.palette.primary.light : theme.palette.primary.dark,
35 | fontSize: 14,
36 | textTransform: 'uppercase',
37 | marginBottom: theme.spacing(3),
38 | fontWeight: theme.typography.fontWeightBold,
39 | },
40 | logo: {
41 | textAlign: 'left',
42 | display: 'flex',
43 | alignItems: 'center',
44 | marginBottom: theme.spacing(3),
45 | '& img': {
46 | filter: 'grayscale(1) contrast(0.5) brightness(1.5)',
47 | width: 48,
48 | marginRight: theme.spacing(),
49 | },
50 | '& h6': {
51 | color: theme.palette.text.disabled,
52 | },
53 | [theme.breakpoints.down('sm')]: {
54 | padding: theme.spacing(0, 3)
55 | }
56 | },
57 | footerDesc: {
58 | display: 'block',
59 | fontSize: 14,
60 | marginBottom: theme.spacing(2)
61 | },
62 | socmed: {
63 | display: 'flex',
64 | justifyContent: 'center',
65 | marginBottom: theme.spacing(4),
66 | '& button': {
67 | margin: theme.spacing(),
68 | color: theme.palette.type === 'dark' ? theme.palette.primary.light : theme.palette.primary.dark,
69 | background: theme.palette.divider,
70 | width: 36,
71 | height: 36,
72 | '& svg': {
73 | fill: theme.palette.type === 'dark' ? theme.palette.primary.light : theme.palette.primary.dark,
74 | }
75 | },
76 | '& svg': {
77 | width: 24,
78 | height: 24
79 | }
80 | },
81 | icon: {
82 | '& + div': {
83 | background: 'none !important',
84 | padding: theme.spacing(1.5, 1.5, 1.5, 4),
85 | width: 'calc(100% - 32px)',
86 | }
87 | },
88 | selectLang: {
89 | margin: '0 auto',
90 | width: 200,
91 | display: 'inherit',
92 | marginTop: theme.spacing(2),
93 | color: theme.palette.type === 'dark' ? theme.palette.primary.light : theme.palette.primary.dark,
94 | '& $icon': {
95 | top: 21,
96 | position: 'relative',
97 | },
98 | '& fieldset': {
99 | boxShadow: '0 1.5px 12px 2px rgba(0, 0, 0, 0.06)',
100 | border: `1px solid ${theme.palette.type === 'dark' ? theme.palette.primary.light : theme.palette.primary.main} !important`,
101 | '& legend': {
102 | top: 5,
103 | position: 'relative',
104 | borderTop: `1px solid ${theme.palette.type === 'dark' ? theme.palette.primary.light : theme.palette.primary.main}`
105 | }
106 | }
107 | },
108 | siteMapItem: {
109 | [theme.breakpoints.down('md')]: {
110 | paddingBottom: '0 !important',
111 | paddingTop: '0 !important',
112 | }
113 | },
114 | accordionRoot: {
115 | background: 'none',
116 | boxShadow: 'none',
117 | maxWidth: 480,
118 | margin: '0 auto',
119 | marginTop: theme.spacing(2),
120 | },
121 | accordionContent: {
122 | margin: 0
123 | },
124 | accordionIcon: {
125 | padding: 0
126 | }
127 | }))
128 |
129 | export default footerStyles
130 |
--------------------------------------------------------------------------------
/src/views/user/dashboard/components/LatestAlerts.js:
--------------------------------------------------------------------------------
1 | import clsx from 'clsx'
2 | import React from 'react'
3 | import moment from 'moment'
4 | import PropTypes from 'prop-types'
5 | import { Bar } from 'react-chartjs-2'
6 | import { makeStyles } from '@material-ui/styles'
7 | import { Card, CardHeader, CardContent, Divider, Button, useTheme } from '@material-ui/core'
8 |
9 | const useStyles = makeStyles(() => ({
10 | root: {},
11 | chartContainer: {
12 | height: 400,
13 | position: 'relative'
14 | },
15 | actions: {
16 | justifyContent: 'flex-end'
17 | }
18 | }))
19 |
20 | const LatestAlerts = props => {
21 | const { className, alerts, ...rest } = props
22 |
23 | const classes = useStyles()
24 | const theme = useTheme()
25 |
26 | const getWeekDays = () => {
27 | let weekDays = []
28 | const startOfWeek = moment().startOf('week')
29 |
30 | Array(7).fill().map((each, i) => weekDays.push(moment(startOfWeek).add(i, 'days')))
31 |
32 | const labels = []
33 | weekDays.forEach(weekday => {
34 | labels.push(moment(weekday).format('DD MMM'))
35 | })
36 |
37 | return labels
38 | }
39 |
40 | const data = {
41 | labels: getWeekDays(),
42 | datasets: [
43 | {
44 | label: 'This year',
45 | backgroundColor: theme.palette.primary.main,
46 | data: alerts.thisYear
47 | },
48 | {
49 | label: 'Last year',
50 | backgroundColor: theme.palette.neutral,
51 | data: alerts.lastYear
52 | }
53 | ]
54 | }
55 |
56 | const options = {
57 | animation: false,
58 | responsive: true,
59 | cornerRadius: 20,
60 | legend: { display: false },
61 | maintainAspectRatio: false,
62 | tooltips: {
63 | mode: 'index',
64 | enabled: true,
65 | borderWidth: 1,
66 | intersect: false,
67 | borderColor: theme.palette.divider,
68 | backgroundColor: theme.palette.background.paper,
69 | titleFontColor: theme.palette.text.primary,
70 | bodyFontColor: theme.palette.text.secondary,
71 | footerFontColor: theme.palette.text.secondary
72 | },
73 | layout: { padding: 0 },
74 | scales: {
75 | xAxes: [
76 | {
77 | barThickness: 12,
78 | barPercentage: 0.5,
79 | maxBarThickness: 10,
80 | categoryPercentage: 0.5,
81 | ticks: {
82 | fontColor: theme.palette.text.secondary
83 | },
84 | gridLines: {
85 | display: false,
86 | drawBorder: false
87 | }
88 | }
89 | ],
90 | yAxes: [
91 | {
92 | ticks: {
93 | min: 0,
94 | beginAtZero: true,
95 | fontColor: theme.palette.text.secondary
96 | },
97 | gridLines: {
98 | borderDash: [2],
99 | drawBorder: false,
100 | borderDashOffset: [2],
101 | color: theme.palette.divider,
102 | zeroLineBorderDash: [2],
103 | zeroLineBorderDashOffset: [2],
104 | zeroLineColor: theme.palette.divider
105 | }
106 | }
107 | ]
108 | }
109 | }
110 |
111 | return (
112 |
14 | 
18 |
19 |
20 | TRADING SIGNALS
21 |
22 |
23 |
24 | Recieve world class signals real time from your personal dashboard, emails, SMS and any method you prefer.
25 |
26 |
27 |
18 |
19 |
31 | 
35 |
36 |
37 | TRADING NEWS
38 |
39 |
40 |
41 | Keep up with the latest trends with our economic calendar that shows traders and investors all the important events which affect financial markets. It will help understand and forecast the right trading choices.
42 |
43 |
44 |
35 |
36 |
48 | 
52 |
53 |
54 | TRADING ACADEMY
55 |
56 |
57 |
58 | We provide Step by step guides and tutorials that help everyone learn the tricks of the trade, weither you are a beginner or an expret at the trade we have something for all levels to help them make profitable trades.
59 |
60 |
61 |
52 |
53 |
65 | 
69 |
70 |
71 | TRADING ACADEMY
72 |
73 |
74 |
75 | Weither you know brokers or don’t, worry not we got you! We have access to various elite brokers helping you choose reliable trading services provider as it is crucial for your tradering success.
76 |
77 |
78 |
69 |
70 |
82 | 
86 |
87 |
88 | 360 CUSTOMER SUPPORT
89 |
90 |
91 |
92 | We believe your success is our success so put you above all, our friendly customer support team would be more than happy to answer all your questions at any time, if you require technical or trading help let us know and we will put you in touch with an expert.
93 |
94 |
95 |
86 |
87 |
130 |
134 |
102 |
106 |
107 |
113 |
117 |
118 |
119 |
125 |
131 |
132 |
133 | )
134 | }
135 |
136 | export default GroupChat
--------------------------------------------------------------------------------