\r\n
\r\n Register
\r\n \r\n \r\n{respData}
\r\n\r\n {/* Already have an account? Sign in */}\r\n {/* redirectToLogin()}>Login here */}\r\n Already have an account? updateLogic(\"SignIn\")}>Sign in\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\n\r\nexport default WelcomeLeftSide;\r\n\r\n\r\nconst styles = {\r\n container: {\r\n //background: 'rgb(74,49,124)',\r\n //background: 'linear-gradient(35deg, rgba(74,49,124,1) 53%, rgba(129,96,196,1) 100%)',\r\n background: 'rgb(251,233,193)',\r\n background: 'linear-gradient(27deg, rgba(251,233,193,1) 0%, rgba(69,166,173,1) 100%)',\r\n height:'1450px'\r\n },\r\n\r\n\r\n signIn: {\r\n background: 'rgb(74,49,124)',\r\n background: 'linear-gradient(4deg, rgba(74,49,124,1) 0%, rgba(118,78,196,1) 100%)',\r\n height:'1500px'\r\n\r\n },\r\n\r\n signUp: {\r\n background: 'rgb(74,49,124)',\r\n background: 'linear-gradient(4deg, rgba(74,49,124,1) 0%, rgba(118,78,196,1) 100%)',\r\n height:'1000px'\r\n }\r\n}\r\n\r\n\r\n\r\n","import React, {useState, useContext, Fragment} from 'react'\r\nimport {useHistory} from 'react-router-dom';\r\nimport { Button, Container, Form } from \"react-bootstrap\";\r\nimport ContextApi from '../../ContextApi';\r\nimport StyledLogin from \"../styling/StyledLogin\";\r\nimport axiosInstance from '../../utils/axios';\r\nimport { Link, NavLink } from \"react-router-dom\";\r\nimport SignUp from './SignUp';\r\nimport { motion } from \"framer-motion\";\r\nimport { update } from 'lodash';\r\n\r\n\r\nconst WelcomeRightSide = ({updateLogic}) => {\r\n\r\n const { setAuth } = useContext(ContextApi);\r\n const initialInputState = {email: \"\", password:\"\"};\r\n const [state , setState] = useState({\r\n email : \"\",\r\n password : \"\",\r\n successMessage: null\r\n })\r\n const [loginResp, setLoginResp] = useState([]);\r\n const history = useHistory();\r\n\r\n const handleChange = (e) => {\r\n const {id , value} = e.target \r\n setState(prevState => ({\r\n ...prevState,\r\n [id] : value\r\n }))\r\n }\r\n\r\n const ResetPassword = () => {\r\n //history.push(\"/ForgotPassword\");\r\n updateLogic(\"ResetPassword\");\r\n }\r\n\r\n\r\n const onSubmit = () => {\r\n axiosInstance({\r\n method:'post',\r\n url:'/auth',\r\n data: {\r\n Username: state.email,\r\n Password: state.password,\r\n }\r\n })\r\n .then(res => {\r\n let resData = res.data;\r\n //console.log(resData);\r\n if(resData.email){\r\n localStorage.setItem('user', JSON.stringify(resData));\r\n setAuth(true);\r\n // setAccessPhoto(resData.accessPhoto);\r\n // setAccessVideo(resData.accessVideo);\r\n history.push(\"/hallmark-channel\");\r\n\r\n }\r\n\r\n else{\r\n setLoginResp(resData);\r\n }\r\n \r\n }).catch(err => console.log(err))\r\n };\r\n\r\n return (\r\n \r\n \r\n 
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Welcome to Hallmark Media Press Site
\r\nA note to our viewers: Access to the Hallmark Media press site is reserved for members of the media.
\r\nIf you have questions, please e-mail viewers@hallmarkmedia.com.
\r\nFor information on all our programming -- including cast details, synopses, video, photos and air dates -- please visit
\r\nwww.hallmarkchannel.com , https://www.hallmarkplus.com, www.hallmarkmystery.com and www.hallmarkfamily.com.
\r\n {/*A note to our viewers: Access to the Hallmark Media press site is reserved for members of the media. If you have questions, please e-mail viewers@hallmarkmedia.com. For information on all our programming -- including cast details, synopses, video, photos and air dates -- please visit www.hallmarkchannel.com, www.hallmarkmoviesandmysteries.com and www.hallmarkdrama.com.
*/}\r\n {/*A note to our viewers: Access to the Hallmark Media press site is reserved for members of the media
\r\nIf you have questions, please e-mail viewers@hallmarkmedia.com.
\r\nFor information on all our programming -- including cast details, synopses, video, photos and air dates -- please visit www.hallmarkchannel.com, www.hallmarkmoviesandmysteries.com and www.hallmarkdrama.com.
*/}\r\n\r\n \r\n \r\n
\r\n\r\n )\r\n}\r\n\r\n\r\n const style = {\r\n rightSide: {\r\n margin:'0px auto',\r\n paddingRight:'40px',\r\n paddingTop:'250px',\r\n paddingLeft:'50px',\r\n marginBottom:'150px',\r\n \r\n }\r\n }\r\n\r\n\r\n\r\nexport default WelcomeRightSide;","import React, {useState,useEffect} from 'react'\r\nimport { Container, Button, Row, Col} from 'react-bootstrap';\r\nimport WelcomeLeftSide from './WelcomeLeftSide';\r\nimport WelcomeRightSide from './WelcomeRightSide';\r\nimport SignUp from './SignUp';\r\nimport ForgotPassword from './ForgotPassword';\r\n\r\nconst Welcome = () => {\r\n\r\n const [signUp, setSignUp] = useState(true);\r\n \r\n const [rightSideLogic, setLogic] = useState(\"SignIn\")\r\n \r\n useEffect(() => {\r\n\r\n },[signUp])\r\n\r\n\r\n const updateLogic = (logic) => {\r\n setLogic(logic)\r\n\r\n }\r\n\r\n const rightSide = () => {\r\n\r\n if(rightSideLogic == \"SignIn\") {\r\n return (Member Login
\r\n \r\n\r\n {loginResp}\r\n
\r\n \r\n Dont have an account? updateLogic(\"SignUp\")} style={{fontWeight:'bold', color:'#4a317c', cursor:'pointer', }}>Sign Up Today\r\n {/* redirectToRegister()}>Register */}\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nexport default Welcome; \r\n","import styled from 'styled-components';\r\nimport media from './media';\r\n\r\n\r\n\r\nconst StyledLogin = styled.div`\r\n\r\n.card {\r\n max-width: 40%;\r\n padding-bottom: 150px;\r\n margin: auto;\r\n border-top-style: none;\r\n border-right-style: none;\r\n border-left-style: none;\r\n border-bottom-style: none;\r\n background-color: #fff;\r\n \r\n}\r\n\r\nh2 {\r\n color: #512e80;\r\n margin-bottom: 2rem;\r\n margin-top:100px;\r\n}\r\n\r\n.form-group {\r\n color: #2F4F4F;\r\n\r\n}\r\n\r\n.btn-primary {\r\n background-color: #4a317c;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n`\r\nexport default StyledLogin;","import React, { useState, useEffect } from 'react';\r\nimport { Redirect, useHistory } from 'react-router';\r\nimport { Container, Button } from 'react-bootstrap';\r\nimport axiosInstance from '../../utils/axios';\r\nimport StyledProgramming from '../styling/StyledProgramming';\r\nimport SelectNetwork from './SelectNetwork';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faImage, faBars} from \"@fortawesome/free-solid-svg-icons\";\r\nimport SelectLetter from './SelectLetter';\r\nimport { useParams } from 'react-router';\r\n\r\nconst StuntLandingPage = () => {\r\n\r\n let { stunt } = useParams();\r\n\r\n const history = useHistory();\r\n const [StuntData, setStuntData] = useState({});\r\n const [Banner, setBanner] = useState();\r\n const [Thumbnails, setThumbnails] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [ThreeColumn, setThreeColumn] = useState(false);\r\n\r\n let { channel } = useParams()\r\n\r\n useEffect(() => {\r\n\r\n \r\n\r\n // console.log(talent);\r\n const fetchProgrammingData = async () => {\r\n setLoading(true);\r\n const api = `/StuntsLandingPage?Stunt=${stunt}`;\r\n const res = await axiosInstance\r\n .get(api)\r\n .then(res => {\r\n let resData = res.data.result;\r\n console.log(resData)\r\n const thumbnails = [...resData.thumbnails].sort((a, b) => {\r\n return a.sort - b.sort\r\n });\r\n // const resData = [...resd].sort((a, b) => {\r\n // return a.sort - b.sort\r\n // });\r\n //console.log(resData);\r\n setStuntData(resData);\r\n setBanner(resData.bannerImg);\r\n \r\n setThreeColumn(resData.columns);\r\n setThumbnails(thumbnails);\r\n })\r\n\r\n }\r\n \r\n fetchProgrammingData();\r\n },[]);\r\n\r\n const HandleClick = (data) => {\r\n \r\n // console.log(data.url);\r\n if(data.url.includes(\".com\")){\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {rightSide()}\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n - \r\n {programmingList}\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n {/* */}\r\n\r\n \r\n
\r\n \r\n \r\n );\r\n\r\n}\r\n\r\nexport default SelectNetwork;\r\n\r\nconst styling = {\r\n padding:'20px'\r\n}\r\n\r\nconst buttonActive = {\r\n //backgroundColor:'#4a317c',\r\n backgroundColor:'rgb(220,175,34)',\r\n marginRight:'4px',\r\n borderColor:'white',\r\n borderRadius:'4px',\r\n \r\n}\r\n\r\nconst buttonInActive = {\r\n backgroundColor:'rgba(74,49,124,0.48)',\r\n marginRight:'4px',\r\n borderColor:'white',\r\n borderRadius:'4px'\r\n}\r\n","import React from 'react'\r\nimport { Container, Tabs, Tab, Form, Dropdown, DropdownButton, Button} from 'react-bootstrap';\r\n\r\n//Used as a letter pagination\r\nconst SelectLetter = (props) => {\r\n\r\n const {filterLetter, currentLetterFilter, allFilterLetters} = props;\r\n\r\n return (\r\n <>\r\n \r\n {allFilterLetters.map((data, i) => (\r\n \r\n ))}\r\n
\r\n \r\n
\r\n Register
\r\n \r\n \r\n{respData}
\r\n\r\n Already have an account? Sign in\r\n {/* redirectToLogin()}>Login here */}\r\n
\r\n \r\n \r\n {children}\r\n
\r\n )\r\n}\r\n\r\nexport default Layout;\r\n","import React from \"react\";\r\nimport { Container } from 'react-bootstrap';\r\nimport { Link } from 'react-router-dom'\r\nimport StyledFooterWrapper from '../styling/StyledFooterWrapper';\r\n\r\n\r\nconst Footer = () => {\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {display && (\r\n
\r\n \r\n {\r\n allPrograms\r\n .filter(value => {\r\n const asset = value.toLowerCase();\r\n if (asset.indexOf(search.toLowerCase()) !== -1) {\r\n return asset;\r\n }})\r\n .map(value => {\r\n return (\r\n
\r\n )}\r\n\r\n handleClick(value)} >\r\n {value}\r\n
\r\n )\r\n })\r\n }\r\n {\r\n allTalent\r\n .filter(value => {\r\n const asset = value.talent.toLowerCase();\r\n if (asset.indexOf(search.toLowerCase()) !== -1) {\r\n return asset;\r\n }})\r\n .map(value => {\r\n return (\r\n handleTalent(value.talent)} >\r\n {value.talent}\r\n
\r\n )\r\n })\r\n }\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n