{component && }
\n \n )\n}\n","import React from 'react'\nimport ReactPlayer from 'react-player'\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n// core components\n// import GridContainer from \"../customComponents/Grid/GridContainer\";\n// import GridItem from \"../customComponents/Grid/GridItem.js\";\n\nimport styles from \"../../assets/youtubeStyle\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function VideoPlayer() {\n const classes = useStyles();\n\n return (\n \n
\n );\n}","import React, { Suspense } from 'react'\nimport { useSelector } from 'react-redux'\nimport { CircularProgress } from '@material-ui/core'\nimport BaseViewRoute from '../Views/BaseViewRoute/BaseViewRoute'\n\nexport default function ActiveComponent() {\n const component = useSelector(state => state.ui.activeComponent.component)\n const activeComponentProps = useSelector(state => state.ui.activeComponent.props)\n\n const loadComponent = component => {\n if (typeof component === 'string') {\n const ComponentToLoad = React.lazy(() => {\n return import(`../../components/${component}`)\n })\n\n return ComponentToLoad\n } else {\n return component\n }\n }\n\n const Form = () => {\n const FormComponent = loadComponent(component)\n return (\n \n {/* \n */}\n \n */}\n
\n \n
}\n rightLinks={\n {props.component}\n
\n \n \n );\n}\n","export default __webpack_public_path__ + \"static/media/output_2195613349_1.0476a9a8.jpg\";","export default __webpack_public_path__ + \"static/media/VixalopexNoBgWhite.1f289eb3.png\";","import React from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Header from \"./customComponents/Header/Header.js\";\nimport Footer from \"./customComponents/Footer/Footer\";\n// import HeaderLinks from \"./customComponents/Header/HeaderLinks.js\";\nimport Parallax from \"./customComponents/Parallax/Parallax.js\";\n// import bg from \"../assets/images/output_1164211551_0.jpg\";\nimport bg from \"../assets/images/output_2195613349_1.jpg\";\nimport Logo from \"./customComponents/Logo/Logo.js\";\nimport logoText from \"../assets/images/VixalopexNoBgWhite.png\"\n\nimport styles from \"../assets/mainStyle.js\";\nimport { Typography } from \"@material-ui/core\";\nimport Button from \"./customComponents/CustomButtons/Button\";\nimport VideoPlayer from \"./Views/VideoPlayer.js\";\nimport { setActiveComponent } from \"../config/reduxstore/actions/ui/setActiveComponent\"\n\nconst dashboardRoutes = [];\n\nconst useStyles = makeStyles(styles);\n\nexport default function Main(props) {\n const dispatch = useDispatch();\n const classes = useStyles();\n const { ...rest } = props;\n\n const handleSetActiveComponent = (componentName) => {\n dispatch(\n setActiveComponent(`Views/${componentName}`)\n )\n };\n\n return (\n \n \n \n
\n );\n}\n","// hooks\nimport { useRef, useEffect } from 'react'\n\n// useIsMounted custom hook\nexport const useIsMounted = () => {\n const isMountedRef = useRef(false)\n\n useEffect(() => {\n isMountedRef.current = true\n }, [])\n\n return isMountedRef.current\n}\n","import React, { useState, useEffect } from 'react'\nimport { useSelector, useDispatch } from 'react-redux'\n\nimport { useIsMounted } from '../../config/utilities/hooks/useIsMounted'\n\nimport Snackbar from '@material-ui/core/Snackbar'\nimport MuiAlert from '@material-ui/lab/Alert'\nimport Portal from '@material-ui/core/Portal'\nimport { setAlert } from '../../config/reduxstore/actions/ui/setAlert'\n\nexport default function Alert() {\n const isMounted = useIsMounted()\n const dispatch = useDispatch();\n const [open, setOpen] = useState(false)\n const alert = useSelector(state => state.ui.alert)\n const [messageInfo, setMessageInfo] = useState(undefined)\n\n useEffect(() => {\n if (isMounted) {\n\n if (open && !alert.message) {\n setOpen(false)\n }\n\n if (alert.message) {\n setMessageInfo({\n message: alert.message,\n type: alert.type,\n key: new Date().getTime()\n })\n setOpen(true)\n }\n }\n }, [alert, isMounted, open])\n\n const handleClose = (event, reason) => {\n if (reason === 'clickaway') {\n return\n }\n\n setOpen(false)\n dispatch(setAlert('', ''))\n }\n\n return (\n \n 
\n
\n \n
\n \n \n \n At Vixalopex our mission is simple. It's to deliver the best possible reliable\n software solutions to help our clients improve efficiency and business\n profitability. This includes web development, mobile app development, \n api creation and integration, amazon alexa skill creation, animation, etc...\n \n
\nTo explore some of the work we have done, please click on the Explore tab above or click on the button below. \n \n {\" \"}\n \n
\n \n
\n
\n