\r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n loading: state.Content.loading,\r\n }),\r\n );\r\n\r\nexport default compose(\r\n reduxHook,\r\n)(Loading);","import React, { PureComponent } from 'react';\r\nimport styled from 'styled-components';\r\nimport { connect } from 'react-redux';\r\nimport ReactPlayer from 'react-player';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport * as indexAction from '../actions/index.js';\r\nimport APPCONFIG from '../config/config.js';\r\nimport { withRouter } from 'react-router';\r\n\r\n\r\n\r\nclass AboutUs extends PureComponent\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\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n footerData: state.Content.footerData,\r\n menuData: state.Content.menuData,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(AboutUs);","import React, { PureComponent, Fragment } from 'react';\r\nimport styled from 'styled-components';\r\n// import { Link } from 'react-router-dom';\r\nimport { HashLink as Link } from 'react-router-hash-link';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport { withRouter } from 'react-router';\r\nimport APPCONFIG from '../config/config.js';\r\nimport * as indexAction from '../actions/index.js'\r\n\r\nconst StyleImg = styled.div`\r\n width: 65%;\r\n height: 550px;\r\n background-image: url('${props => props.imgUrl}');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center 15%;\r\n box-shadow: ${props => props.imgRight ? \"20px -20px #dad8c7\" : \"-20px -20px #dad8c7\"};\r\n margin-bottom: ${props => (props.getLength > 8 ? (props.getLength-8)*70 : 0)}px;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n height: 450px;\r\n box-shadow: none;\r\n margin-bottom: ${props => props.getLength*70}px;\r\n }\r\n @media (max-width: 414px) {\r\n height: 350px;\r\n margin-bottom: ${props => props.getLength*26+63}px;\r\n }\r\n`;\r\n\r\nconst StyleMenu = styled.div`\r\n position: absolute;\r\n width: 45%;\r\n background-color: #fff;\r\n right: 0;\r\n display: flex;\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n align-items: center;\r\n @media (max-width: 1023px) {\r\n width: 90%;\r\n left: 50%;\r\n top: 440px;\r\n transform: translate(-50%,0);\r\n }\r\n @media (max-width: 414px) {\r\n top: 320px;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n`;\r\n\r\nconst StyleMenuLeft = styled.div`\r\n position: absolute;\r\n width: 45%;\r\n background-color: #fff;\r\n left: 0;\r\n display: flex;\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n padding-left: 15px;\r\n padding-right: 15px;\r\n align-items: center;\r\n @media (max-width: 1023px) {\r\n width: 90%;\r\n left: 50%;\r\n top: 440px;\r\n transform: translate(-50%, 0);\r\n }\r\n @media (max-width: 414px) {\r\n top: 320px;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n`;\r\n\r\nconst StyleMenuList = styled.div`\r\n width: 100%;\r\n border: 1px solid #d2d2d2;\r\n padding: 2em 0;\r\n @media (max-width: 768px) {\r\n padding-top: 1.5rem;\r\n padding-bottom: 1.5rem;\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n }\r\n @media (max-width: 414px) {\r\n padding-top: 20px;\r\n padding-bottom: 20px;\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n`;\r\n\r\nconst StyleMenuItemWep = styled.div`\r\n margin: 0 auto;\r\n width: fit-content;\r\n @media (max-width: 414px) {\r\n display: flex; \r\n flex-direction: column;\r\n }\r\n`;\r\n\r\nconst StyleMenuItem = styled(Link)`\r\n width: fit-content;\r\n display: flex;\r\n font-size: 1.5rem;\r\n align-items: center;\r\n color: #be2f37;\r\n margin: 1.2rem 0;\r\n scroll-behavior: smooth;\r\n text-decoration: none;\r\n >span {\r\n position: relative;\r\n display: block;\r\n }\r\n >span >i {\r\n margin-left: 20px;\r\n width: 20px;\r\n height: 16px;\r\n position: absolute;\r\n transition: left .5s;\r\n left: 0rem;\r\n top: 0;\r\n transform: translate(-50%, -50%) rotate(-90deg);\r\n }\r\n &:hover {\r\n >span >i {\r\n left: .3rem;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n font-size: 1.5rem; \r\n >span >i {\r\n margin-left: 15px;\r\n width: 16px;\r\n height: 12px;\r\n top: 55%;\r\n }\r\n &:hover {\r\n >span >i {\r\n left: .3rem;\r\n }\r\n }\r\n @media (max-width: 414px) {\r\n letter-spacing: 0;\r\n font-size: 1.2rem;\r\n margin: .5rem 30px 0 0;\r\n text-align: start;\r\n >span {\r\n height: 18px;\r\n }\r\n >span >i {\r\n margin-left: 15px;\r\n width: 13px;\r\n height: 10px;\r\n top: 40%;\r\n }\r\n }\r\n`;\r\n\r\nconst StyleLink = styled(Link)`\r\n text-decoration: none;\r\n display: block;\r\n`;\r\n\r\nconst StyleInnerBlockL = styled.div`\r\n width: 100%;\r\n height: 100px;\r\n`;\r\n\r\n\r\nclass FoodAndDrink extends PureComponent\r\n \r\n
\r\n \r\n {\r\n responseData.map((val, index) => (\r\n \r\n \r\n \r\n {index % 2 ? (\r\n \r\n \r\n \r\n \r\n \r\n {val.summary}\r\n \r\n {val.datas.map(data => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n ) : (\r\n // food\r\n \r\n \r\n \r\n \r\n \r\n {val.summary}\r\n \r\n {val.datas.map(data => (\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 {val.title}
\r\n \r\n {val.html}\r\n
\r\n \r\n \r\n \r\n {steaksData[2].datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n {/* to={val.url ? {pathname: `${val.route}`, state: {...val}} : null}> */}\r\n \r\n \r\n {val.url ? : null}\r\n \r\n : \r\n \r\n }\r\n {val.summary && \r\n ))}\r\n }\r\n\r\n {steaksData[2] && steaksData[2].url && }\r\n\r\n {steaksArticleData.map(data => (\r\n \r\n \r\n \r\n }\r\n\r\n {responseData[0].datas[4] && \r\n {responseData[0].datas[4].datas.length ? responseData[0].datas[4].datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n to={val.url ? {pathname: `${val.route}`, state: {...val}} : null}>\r\n {val.title}\r\n \r\n {val.url ? : null}\r\n \r\n : \r\n \r\n {val.title}\r\n }\r\n {val.summary && \r\n )) : null}\r\n } */}\r\n\r\n {/* PERFECTLY PRIME */}\r\n {steaksData[3] && \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n menuData: state.Content.menuData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n getFoodDetailData: state.Content.getFoodDetailData,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(Food);\r\n","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport { withRouter } from 'react-router';\r\nimport * as indexAction from '../actions/index.js';\r\n\r\nimport BarCocktailsLeft from '../static/Bar_Cocktails-left.jpg';\r\nimport BarCocktailsRight from '../static/Bar_Cocktails-right.jpg';\r\nimport iconFleur from '../static/fleur-gray.svg';\r\nimport dividerCenter from '../static/divider-center.png';\r\nimport dividerLeft from '../static/divider-left.png';\r\nimport dividerRight from '../static/divider-right.png';\r\nimport dots from '../static/dots.png';\r\nimport wineRed from '../static/wine-red.svg';\r\n\r\n\r\nconst StyleContentBg = styled.div`\r\n width: 100%;\r\n min-height: 500px;\r\n background: url('${BarCocktailsLeft}') 0 3em no-repeat,\r\n url('${BarCocktailsRight}') 100% 3em no-repeat;\r\n background-size: 20em 30em,20em 30em;\r\n display: flex;\r\n align-items: center;\r\n @media (max-width: 1023px) {\r\n background: none;\r\n min-height: auto;\r\n }\r\n`;\r\n\r\nconst StyleContent = styled.div`\r\n display: flex;\r\n width: 1160px;\r\n margin: 90px auto 130px;\r\n justify-content: space-between;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n @media (max-width: 1023px) {\r\n flex-direction: column;\r\n margin: 70px auto;\r\n }\r\n`;\r\n\r\nconst StyleDividingLine = styled.div`\r\n width: 1160px;\r\n margin: 0 auto 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n @media (max-width: 414px) {\r\n margin: 0 auto 35px;\r\n }\r\n`;\r\n\r\nconst StyleIconFleur = styled.div`\r\n width: 35px;\r\n height: 38px;\r\n margin-bottom: 10px;\r\n background-image: url('${iconFleur}');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n @media (max-width: 414px) {\r\n width: 25px;\r\n height: 26px;\r\n }\r\n`;\r\n\r\nconst StyleDividingText = styled.div`\r\n width: 100%;\r\n background: url('${dividerLeft}') 0 .5rem/1.9375rem .375rem no-repeat,\r\n url('${dividerRight}') 100% .5rem/1.9375rem .375rem no-repeat,\r\n url('${dividerCenter}') 0 .5rem/.0625rem .375rem repeat-x;\r\n background-position: 0 .75rem,100% .75rem,0 .75rem;\r\n background-size: 4rem .75rem,4rem .75rem,.0625rem .75rem;\r\n @media (max-width: 768px) {\r\n background: url('${dividerLeft}') 0 .5em/2.5em .6em no-repeat,\r\n url('${dividerRight}') 100% .5em/2.5em .6em no-repeat,\r\n url('${dividerCenter}') 0 .5em/1em .6em repeat-x;\r\n }\r\n`;\r\n\r\nconst StyleLeft = styled.div`\r\n width: 46%;\r\n display: flex;\r\n flex-direction: column;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n }\r\n`;\r\n\r\nconst StyleImg = styled.div`\r\n width: 100%;\r\n height: 730px;\r\n background-image: url('${props => props.src}');\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1366px) {\r\n height: 550px;\r\n }\r\n @media (max-width: 1280px) {\r\n height: 500px;\r\n }\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n box-shadow: none;\r\n height: 530px;\r\n }\r\n @media (max-width: 768px) {\r\n height: 450px;\r\n }\r\n`;\r\n\r\nconst StyleImgRight = styled.div`\r\n width: 100%;\r\n height: 730px;\r\n background-image: url('${props => props.src}'); // rositaFeatured\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center;\r\n @media (max-width: 1366px) {\r\n height: 550px;\r\n }\r\n @media (max-width: 1280px) {\r\n height: 500px;\r\n }\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n height: 530px;\r\n box-shadow: none;\r\n }\r\n @media (max-width: 768px) {\r\n height: 350px;\r\n }\r\n @media (max-width: 414px) {\r\n height: 450px;\r\n }\r\n`;\r\n\r\nconst StyleRight = styled.div`\r\n width: 46%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n }\r\n`;\r\n\r\nconst StyleTextItalic = styled.div`\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: 1.2rem;\r\n @media (max-width: 768px) {\r\n padding-bottom: 2px;\r\n font-size: 1rem;\r\n }\r\n @media (max-width: 414px) {\r\n font-size: .8rem;\r\n }\r\n`;\r\n\r\nconst StyleTextTitle = styled.div`\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n letter-spacing: -1px;\r\n font-size: 1.8rem;\r\n line-height: 1.8rem;\r\n text-transform: uppercase;\r\n padding: .1rem 0 .4rem;\r\n @media (max-width: 768px) {\r\n font-size: 1.5rem;\r\n line-height: 1.5rem;\r\n padding: 0;\r\n }\r\n @media (max-width: 414px) {\r\n font-size: 1.2rem;\r\n line-height: 1.2rem;\r\n }\r\n`;\r\n\r\nconst StyleContentImg = styled.div`\r\n width: 1160px;\r\n height: 600px;\r\n margin: 0 auto 120px;\r\n background-image: url('${props => props.src}');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n @media (max-width: 1023px) {\r\n height: 550px;\r\n margin: 0 auto 70px;\r\n }\r\n @media (max-width: 414px) {\r\n height: 450px;\r\n margin: 0 auto 35px;\r\n }\r\n`;\r\n\r\nconst StyleDessertContent = styled.div`\r\n display: flex;\r\n flex-flow: wrap;\r\n justify-content: center;\r\n width: 1160px;\r\n margin: 0 auto 35px;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n`;\r\n\r\nconst StyleDessertItem = styled.div`\r\n width: 25%;\r\n padding: 25px;\r\n margin-top: 35px;\r\n color: #5d5d5d;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n text-align: start;\r\n padding: 0;\r\n }\r\n @media (max-width: 768px) {\r\n margin-top: 25px;\r\n }\r\n`;\r\n\r\nconst StyleDividingType = styled.div`\r\n height: 1rem;\r\n background: url('${dots}') 50% 0 repeat-x;\r\n background-size: 30px 4px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 4rem 0 4.5rem;\r\n @media (max-width: 414px) {\r\n margin: 4rem 0 30px;\r\n } \r\n`;\r\n\r\nconst StyleIconFleurWep = styled.div`\r\n width: 60px;\r\n height: 35px;\r\n background-color: #f3f2eb;\r\n display: flex;\r\n justify-content: center;\r\n position: relative;\r\n top: -1em;\r\n`;\r\n\r\nconst StyleImgRedWine = styled.div`\r\n width: 80%;\r\n height: 25vw;\r\n margin: 0 auto;\r\n background-image: url('${props => props.src}');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n`;\r\n\r\nconst StyleRedWineItem = styled.div`\r\n margin: 15px 0;\r\n color: #5d5d5d;\r\n @media (max-width: 414px) {\r\n margin: 0 0 15px;\r\n }\r\n`;\r\n\r\nconst StyleRedWineTextInner = styled.div`\r\n font-weight: 600;\r\n font-size: 1.3rem;\r\n @media (max-width: 1023px) {\r\n font-size: 1rem;\r\n font-weight: 500;\r\n }\r\n @media (max-width: 414px) {\r\n font-size: .9rem;\r\n line-height: 1rem;\r\n }\r\n`;\r\n\r\nconst StyleWineOpenImg = styled.div`\r\n width: 100%;\r\n height: 820px;\r\n background-image: url('${props => props.src}');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-position: center;\r\n margin: 0 auto;\r\n @media (max-width: 414px) {\r\n height: 450px;\r\n margin-bottom: 15px;\r\n }\r\n`;\r\n\r\nconst StyleRightDown = styled.div`\r\n width: 100%;\r\n`;\r\n\r\nconst StyleWhiteWineImg = styled.div`\r\n width: 100%;\r\n height: 720px;\r\n background-image: url('${props => props.src}');\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 414px) {\r\n height: 450px;\r\n margin-bottom: 15px;\r\n }\r\n`;\r\n\r\nconst StyleWineEnd = styled.div`\r\n width: 100%;\r\n height: 600px;\r\n margin-top: -50px; \r\n background-image: url('${props => props.src}'); // wineEnd\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1400px) {\r\n height: 480px;\r\n }\r\n @media (max-width: 1023px) {\r\n height: 350px;\r\n }\r\n @media (max-width: 414px) {\r\n height: 200px;\r\n }\r\n`;\r\n\r\nconst StyleImgChampagne = styled.div`\r\n width: 80%;\r\n height: 25vw;\r\n margin: 0 auto;\r\n background-image: url('${props => props.src}'); // champagneBottle\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1023px) {\r\n width: 90%;\r\n }\r\n`;\r\n\r\nconst StyleSparklingItem = styled.div`\r\n width: 25%;\r\n padding: 25px;\r\n margin-top: 35px;\r\n color: #5d5d5d;\r\n @media (max-width: 1023px) {\r\n width: 90%;\r\n padding: 0;\r\n }\r\n @media (max-width: 414px) {\r\n margin: 0 0 15px;\r\n }\r\n`;\r\n\r\nconst StyleContentSpecialtyList = styled.div`\r\n display: flex;\r\n flex-flow: wrap;\r\n justify-content: center;\r\n width: 80%;\r\n margin: 0 auto;\r\n @media (max-width: 1400px) {\r\n width: 90%;\r\n }\r\n`;\r\n\r\nclass Drinks extends Component\r\n {responseData[0].title &&
\r\n\r\n {steaksData[0] && {responseData[0].title}
}\r\n {responseData[0].summary && {responseData[0].summary}
}\r\n \r\n
}\r\n\r\n {steaksData[2] && steaksData[2].datas.length && \r\n {steaksData[0].url && }\r\n
\r\n \r\n \r\n
\r\n {steaksData[1].datas.length && steaksData[1].datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n \r\n {val.url ? \r\n \r\n : null}\r\n :\r\n \r\n \r\n \r\n }\r\n
))}\r\n {val.summary}
\r\n \r\n {steaksData[0].datas.length && steaksData[0].datas.map(val => (\r\n }\r\n
\r\n \r\n {val.url ? \r\n \r\n \r\n {val.url ? \r\n \r\n : null}\r\n :\r\n \r\n \r\n \r\n }\r\n {val.summary &&
\r\n ))}\r\n {val.summary}
}\r\n \r\n \r\n
\r\n {steaksData[1].url && {val.summary}
}\r\n \r\n {data.datas.length ? \r\n \r\n \r\n : null}\r\n \r\n {data.datas.length ? data.datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n {/* to={val.url ? {pathname: `${val.route}`, state: {...val}} : null}> */}\r\n \r\n \r\n {val.url ? : null}\r\n \r\n : \r\n \r\n }\r\n {val.summary && \r\n )) :null}\r\n \r\n
))}\r\n \r\n {/* {responseData[0].datas[4] && responseData[0].datas[4].title &&\r\n {data.title}
\r\n {val.summary}
}\r\n {responseData[0].datas[4].title}
\r\n {val.summary}
}\r\n \r\n 
\r\n {steaksData[3].title &&
}\r\n {/* SEAFOOD & SPECIALITIES */}\r\n {responseData[1] && \r\n
}\r\n {steaksData[3].summary && {steaksData[3].title}
\r\n {steaksData[3].summary}
}\r\n {steaksData[3].html && {steaksData[3].html}}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {responseData[1].datas[0].datas.length && responseData[1].datas[0].datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n {/* to={val.url ? {pathname: `${val.route}`, state: {...val}} : null}> */}\r\n \r\n \r\n {val.url ? : null}\r\n \r\n : \r\n \r\n }\r\n {val.summary && \r\n ))}\r\n }\r\n {responseData[1].datas[0] && responseData[1].datas[0].url && }\r\n
}\r\n \r\n {/* APPETIZERS & SIDES */}\r\n {responseData[2] && \r\n {responseData[1].title &&
\r\n {responseData[1].datas[0] && {responseData[1].title}
}\r\n {responseData[1].summary && {responseData[1].summary}
}\r\n {val.summary}
}\r\n \r\n \r\n \r\n \r\n \r\n }\r\n {appetizersArticleData.map(data => (\r\n \r\n \r\n \r\n \r\n \r\n {responseData[2].datas[1].datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n to={val.url ? {pathname: `${val.route}`, state: {...val}} : null}>\r\n {val.title}\r\n \r\n {val.url ? : null}\r\n \r\n : \r\n \r\n {val.title}\r\n }\r\n \r\n ))}\r\n */}\r\n {appetizersData[0] && appetizersData[0].url && }\r\n
}\r\n\r\n {/* SOUPS & SALADS */}\r\n {responseData[3] && \r\n {responseData[2].title &&
\r\n {responseData[2].url && {responseData[2].title}
}\r\n {responseData[2].summary && {responseData[2].summary}
}\r\n \r\n {data.title && \r\n \r\n \r\n }\r\n \r\n {data.datas.length && data.datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n {/* to={val.url ? {pathname: `${val.route}`, state: {...val}} : null}> */}\r\n \r\n \r\n {val.url ? : null}\r\n \r\n : \r\n \r\n }\r\n {val.summary && \r\n ))}\r\n \r\n
))}\r\n {/* {data.title}
\r\n {val.summary}
}\r\n {responseData[2].datas[1].title}
\r\n {val.summary}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {responseData[3].datas[0].datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n {/* to={val.url ? {pathname: `${val.route}`, state: {...val}} : null}> */}\r\n {/* {val.title} */}\r\n \r\n \r\n {val.url ? : null}\r\n \r\n : \r\n \r\n {/* {val.title} */}\r\n }\r\n \r\n ))}\r\n \r\n
}\r\n\r\n {/* DESSERTS */}\r\n {responseData[4] && \r\n
\r\n {responseData[3].title}
\r\n {responseData[3].summary}
\r\n {val.summary}
\r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n {responseData[4].datas[0].datas.map(val => (\r\n \r\n {val.url ? \r\n \r\n {/* to={val.url ? {pathname: `${val.route}`, state: {...val}} : null}> */}\r\n \r\n \r\n {val.url ? : null}\r\n \r\n : \r\n \r\n }\r\n \r\n ))}\r\n \r\n
}\r\n\r\n {/* Dynamic Area */}\r\n {dynamicData.length ? dynamicData.map(val => (\r\n \r\n {responseData[4].title &&
\r\n {responseData[4].url && {responseData[4].title}
}\r\n {responseData[4].summary && {responseData[4].summary}
}\r\n {val.summary}
\r\n \r\n \r\n \r\n \r\n \r\n : null}\r\n {val.datas.length ? val.datas.map(data => (\r\n
\r\n )) : null}\r\n\r\n {/* SPECIALTY DIETS */}\r\n {/* {responseData[5] && \r\n {val.title ?
\r\n {val.url ? {val.title}
: null}\r\n {val.summary ? {val.summary}
: null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {data.datas ? data.datas.map(list => (\r\n \r\n {list.url ? \r\n \r\n {/* to={list.url ? {pathname: `${list.route}`, state: {...list}} : null}> */}\r\n \r\n \r\n {list.url ? : null}\r\n \r\n : \r\n \r\n }\r\n {list.summary ? \r\n )) : null}\r\n\r\n \r\n
)) : null}\r\n {data.title}
\r\n {list.summary}
: null}\r\n \r\n \r\n \r\n \r\n \r\n
} */}\r\n {/* MORE */}\r\n {responseData[5] && \r\n {responseData[5].title &&
\r\n {responseData[5].html && {responseData[5].title}
}\r\n {responseData[5].summary && {responseData[5].summary}
}\r\n {responseData[5].datas[0] && \r\n {responseData[5].datas[0].title && {responseData[5].datas[0].title}}\r\n
}\r\n \r\n
}\r\n {responseData[5].html}
\r\n \r\n \r\n \r\n \r\n \r\n
}\r\n\r\n \r\n {responseData[5].summary &&
\r\n {responseData[5].summary}
}\r\n {responseData[5].html && \r\n {responseData[5].html && {responseData[5].html}}\r\n
}\r\n \r\n \r\n \r\n \r\n\r\n\r\n {/* // 雞尾酒 */} \r\n {responseData[0].datas[0] && responseData[0].datas[0].title && \r\n \r\n \r\n \r\n }\r\n {responseData[0].datas[1] && \r\n {responseData[0].datas[3].datas.map(data => (\r\n \r\n \r\n {data.summary} \r\n \r\n ))}\r\n }\r\n\r\n {responseData[0].datas[3] && responseData[0].datas[3].url && \r\n \r\n \r\n }\r\n\r\n {responseData[0].datas[4].isDynamicArea && responseData[0].datas[4] && responseData[0].datas[4].datas.length && \r\n {responseData[0].datas[4].datas.map(data => (\r\n \r\n \r\n {data.summary} \r\n \r\n ))}\r\n }\r\n\r\n {responseData[0].datas[5] &&
\r\n );\r\n }\r\n}\r\n\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(Drinks);","import React, { PureComponent } from 'react';\r\nimport styled from 'styled-components';\r\n// import { Link } from 'react-router-dom';\r\nimport { HashLink as Link } from 'react-router-hash-link';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport { withRouter } from 'react-router';\r\nimport * as indexAction from '../actions/index.js';\r\n\r\nimport dots from '../static/dots.png';\r\nimport iconFleur from '../static/fleur-gray.svg';\r\nimport dividerCenter from '../static/divider-center.png';\r\nimport dividerLeft from '../static/divider-left.png';\r\nimport dividerRight from '../static/divider-right.png';\r\nimport drinkPromo from '../static/drink_promo.jpg';\r\nimport wineRed from '../static/wine-red.svg';\r\n\r\n\r\nconst StyleDividingType = styled.div`\r\n height: 1em;\r\n background: url('${dots}') 50% 0 repeat-x;\r\n background-size: 30px 4px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 3rem 0px 4.5rem;\r\n @media (max-width: 414px) {\r\n margin: 2rem 0px 30px;\r\n }\r\n`;\r\n\r\nconst StyleIconFleurWep = styled.div`\r\n width: 60px;\r\n height: 35px;\r\n background-color: #f3f2eb;\r\n display: flex;\r\n justify-content: center;\r\n position: relative;\r\n top: -1em;\r\n`;\r\n\r\nconst StyleIconFleur = styled.div`\r\n width: 35px;\r\n height: 38px;\r\n margin-bottom: 10px;\r\n background-image: url('${iconFleur}');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n @media (max-width: 414px) {\r\n width: 25px;\r\n height: 26px;\r\n }\r\n`;\r\n\r\nconst StyleLunchImg = styled.div`\r\n width: 1160px;\r\n height: 550px;\r\n margin: 0 auto;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n @media (max-width: 1023px) {\r\n height: 350px;\r\n }\r\n`;\r\n\r\nconst StyleContentLunchList = styled.div`\r\n display: flex;\r\n flex-flow: wrap;\r\n justify-content: center;\r\n width: 1160px;\r\n margin: 50px auto 0;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n`;\r\n\r\nconst StyleLunchItem = styled.div`\r\n width: 22%;\r\n margin: 1% 1.5% 4%;\r\n color: #5d5d5d;\r\n color: #868686;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n text-align: start;\r\n margin: 0 0 35px;\r\n }\r\n @media (max-width: 768px) {\r\n margin-bottom: 15px;\r\n }\r\n`;\r\n\r\nconst StyleLunchItemTitle = styled.div`\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n letter-spacing: -1px;\r\n font-size: 1.8rem;\r\n line-height: 1.8rem;\r\n display: block;\r\n color: #5d5d5d;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n margin-bottom: .5rem;\r\n @media (max-width: 1023px) {\r\n text-align: start; \r\n }\r\n @media (max-width: 768px) {\r\n font-size: 1.5rem;\r\n line-height: 1.5rem;\r\n margin-bottom: 0;\r\n }\r\n @media (max-width: 414px) {\r\n letter-spacing: 0;\r\n font-size: 1.2rem;\r\n line-height: 1.2rem;\r\n }\r\n`;\r\n\r\nconst StyleDividingLine = styled.div`\r\n width: 1160px;\r\n margin: 50px auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n @media (max-width: 414px) {\r\n margin: 35px auto;\r\n }\r\n`;\r\n\r\nconst StyleDividingText = styled.div`\r\n width: 100%;\r\n background: url('${dividerLeft}') 0 .5rem/1.9375rem .375rem no-repeat,\r\n url('${dividerRight}') 100% .5rem/1.9375rem .375rem no-repeat,\r\n url('${dividerCenter}') 0 .5rem/.0625rem .375rem repeat-x;\r\n background-position: 0 .75rem,100% .75rem,0 .75rem;\r\n background-size: 4rem .75rem,4rem .75rem,.0625rem .75rem;\r\n @media (max-width: 768px) {\r\n background: url('${dividerLeft}') 0 .5em/2.5em .6em no-repeat,\r\n url('${dividerRight}') 100% .5em/2.5em .6em no-repeat,\r\n url('${dividerCenter}') 0 .5em/1em .6em repeat-x;\r\n }\r\n`;\r\n\r\nconst StyleContentSpecialtyList = styled.div`\r\n display: flex;\r\n flex-flow: wrap;\r\n justify-content: center;\r\n width: 80%;\r\n margin: 0 auto;\r\n @media (max-width: 1400px) {\r\n width: 90%;\r\n }\r\n`;\r\n\r\nconst StyleContentImg = styled.div`\r\n width: 1160px;\r\n height: 550px;\r\n margin: 0 auto 120px;\r\n background-image: url('${props => props.imgUrl}');\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n margin: 0 auto 70px;\r\n }\r\n @media (max-width: 414px) {\r\n margin: 0 auto 35px;\r\n height: 350px;\r\n }\r\n`;\r\n\r\nconst StyleSpecialtytItem = styled.div`\r\n width: 22%;\r\n margin: 1% 3% 4% 0;\r\n padding: 25px 0;\r\n color: #868686;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n text-align: start;\r\n margin: 0 0 35px;\r\n }\r\n @media (max-width: 768px) {\r\n margin: 0 0 20px;\r\n padding: 0px;\r\n }\r\n @media (max-width: 414px) {\r\n margin-bottom: 10px;\r\n }\r\n`;\r\n\r\nconst StyleTextTitleLink = styled(Link)`\r\n display: block;\r\n color: #be2f37;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n letter-spacing: -1px;\r\n margin-bottom: .5rem;\r\n >span >i {\r\n width: 20px;\r\n height: 16px;\r\n position: absolute;\r\n transition: left .5s;\r\n left: .7rem;\r\n top: 20%;\r\n transform: translate(-50%, -50%) rotate(-90deg);\r\n }\r\n >span {\r\n position: relative;\r\n }\r\n &:hover {\r\n >span >i {\r\n left: 1rem; \r\n }\r\n }\r\n @media (max-width: 1366px) {\r\n font-size: 1.5rem;\r\n >span >i {\r\n width: 18px;\r\n height: 14px;\r\n top: 25%;\r\n }\r\n }\r\n @media (max-width: 1280px) {\r\n font-size: 1.3rem;\r\n }\r\n @media (max-width: 1023px) {\r\n text-align: start; \r\n }\r\n @media (max-width: 768px) {\r\n font-size: 1.5rem; \r\n >span >i {\r\n width: 20px;\r\n height: 16px;\r\n top: 15%;\r\n }\r\n }\r\n @media (max-width: 414px) {\r\n letter-spacing: 0;\r\n font-size: 1rem;\r\n margin-bottom: 2px;\r\n >span >i {\r\n width: 12px;\r\n height: 10px;\r\n }\r\n }\r\n`;\r\n\r\nconst StyleTextTitle = styled.div`\r\n display: block;\r\n color: #be2f37;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: .5rem;\r\n @media (max-width: 1280px) {\r\n font-size: 1.3rem;\r\n }\r\n @media (max-width: 1023px) {\r\n text-align: start; \r\n }\r\n @media (max-width: 414px) {\r\n font-size: 1rem;\r\n line-height: 1.2rem;\r\n margin-bottom: 2px;\r\n }\r\n`;\r\n\r\nclass Lunch extends PureComponent\r\n {responseData[0].html &&
\r\n {responseData[0].html}
}\r\n {responseData[0].summary && {responseData[0].summary}
}\r\n {responseData[0].datas[0].title}
\r\n \r\n
}\r\n\r\n\r\n\r\n {responseData[0].datas[3] && responseData[0].datas[3].datas.length && \r\n {responseData[0].datas[1].url &&
\r\n \r\n \r\n
\r\n {responseData[0].datas[2].datas.length && responseData[0].datas[2].datas.map(val => \r\n \r\n {val.title && }\r\n {val.summary &&
\r\n )}\r\n {val.summary}
}\r\n {val.html && {val.html}
}\r\n \r\n {responseData[0].datas[1].datas.length && responseData[0].datas[1].datas.map(val => \r\n
\r\n \r\n {val.title && }\r\n {val.summary &&
\r\n )}\r\n {val.summary}
}\r\n {val.html && {val.html}
}\r\n \r\n \r\n
\r\n {responseData[0].datas[2].url && \r\n {data.html}
\r\n {responseData[0].datas[4].title}
\r\n {data.html}
\r\n \r\n 
\r\n {responseData[0].datas[5].title &&
}\r\n\r\n {/* 紅酒 */}\r\n {responseData[1] && \r\n
}\r\n {responseData[0].datas[5].summary && {responseData[0].datas[5].title}
\r\n {responseData[0].datas[5].summary}
}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n {responseData[1].datas[0] && \r\n {responseData[1].datas[0].datas[1] && responseData[1].datas[0].datas[1].datas.length &&\r\n \r\n {responseData[1].datas[0].datas[1].datas.map(data => (\r\n \r\n {data.title && }\r\n {data.summary && {data.summary} }\r\n {data.html && {data.html} }\r\n \r\n ))}\r\n }\r\n\r\n \r\n\r\n \r\n {responseData[1].datas[0].datas[0] && responseData[1].datas[0].datas[0].url &&\r\n \r\n {responseData[1].datas[0].datas[2].datas.map(data => (\r\n \r\n {data.title && }\r\n {data.summary && {data.summary} }\r\n {data.html && {data.html} }\r\n \r\n ))}\r\n }\r\n \r\n }\r\n\r\n {responseData[1].datas[1] &&
}\r\n\r\n {/* // 白酒 */} \r\n {responseData[2] && \r\n {responseData[1].title &&
\r\n {responseData[1].url && {responseData[1].title}
}\r\n {responseData[1].summary && {responseData[1].summary}
}\r\n \r\n {responseData[1].datas[2].title}\r\n
}\r\n\r\n {responseData[1].datas[0] && responseData[1].datas[0].title && {responseData[1].datas[0].title}
\r\n \r\n \r\n {responseData[1].datas[1].title &&
}\r\n \r\n
}\r\n {responseData[1].datas[1].summary && {responseData[1].datas[1].title}
\r\n {responseData[1].datas[1].summary}
}\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 {responseData[2].datas[0].datas[2] && responseData[2].datas[0].datas[2].datas.map(data =>(\r\n \r\n {data.title} \r\n {data.summary} \r\n {data.html} \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n {responseData[2].datas[0].datas[1] && responseData[2].datas[0].datas[1].datas.map(data =>(\r\n \r\n {data.title} \r\n {data.summary} \r\n {data.html} \r\n \r\n ))}\r\n \r\n \r\n
}\r\n\r\n {/* // 氣泡酒 */} \r\n {responseData[3] && \r\n {responseData[2].title &&
\r\n {responseData[2].url && {responseData[2].title}
}\r\n {responseData[2].summary && {responseData[2].summary}
}\r\n {responseData[2].datas[0].title}
\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 {/* Dynamic Area */}\r\n {dynamicData.length ? dynamicData.map(val => (\r\n \r\n {responseData[3].html &&
\r\n {responseData[3].url && {responseData[3].html}
}\r\n {responseData[3].summary && {responseData[3].summary}
}\r\n \r\n {responseData[3].datas[1].title && {responseData[3].datas[1].title}}\r\n
}\r\n {responseData[3].datas[0].title}
\r\n \r\n {responseData[3].datas[0].datas.length && responseData[3].datas[0].datas.map(val => \r\n \r\n {val.title} \r\n {val.summary} \r\n {val.html} \r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n : null}\r\n {val.datas.length ? val.datas.map(data => (\r\n
\r\n )) : null}\r\n \r\n {val.html &&
\r\n {val.url ? {val.html}
}\r\n {val.summary && {val.summary}
}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {data.datas.length ? data.datas.map(list => (\r\n \r\n {list.title ? {list.title} : null}\r\n {list.summary ? {list.summary} : null}\r\n {list.html ? {list.html} : null}\r\n \r\n )) : null}\r\n \r\n
)) : null}\r\n {data.title}
\r\n \r\n {responseData[0] && \r\n \r\n \r\n \r\n {responseData[1] && \r\n {responseData[1].datas[0].datas.length && responseData[1].datas[0].datas.map(data => (\r\n \r\n {data.title} \r\n \r\n ))}\r\n } */}\r\n {AppetizersData.map(val =>(\r\n \r\n \r\n \r\n {responseData[2] && \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n }\r\n \r\n const reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n \r\n export default compose(\r\n withRouter,\r\n reduxHook,\r\n )(Lunch);","import React, { PureComponent } from 'react';\r\nimport styled from 'styled-components';\r\n// import { Link } from 'react-router-dom';\r\nimport { HashLink as Link } from 'react-router-hash-link';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport { withRouter } from 'react-router';\r\nimport * as indexAction from '../actions/index.js';\r\n\r\nimport iconFleur from '../static/fleur-gray.svg';\r\nimport dividerCenter from '../static/divider-center.png';\r\nimport dividerLeft from '../static/divider-left.png';\r\nimport dividerRight from '../static/divider-right.png';\r\nimport dots from '../static/dots.png';\r\n\r\n\r\n\r\nconst StyleHappyHourImg = styled.div`\r\n width: 80%;\r\n height: 550px;\r\n margin: 0 auto;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1023px) {\r\n width: 90%;\r\n height: 350px;\r\n }\r\n`;\r\n\r\nconst StyleHappyHourImgFull = styled.div`\r\n width: 100%;\r\n height: 550px;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1023px) {\r\n height: 350px;\r\n }\r\n`;\r\n\r\nconst StyleDividingLine = styled.div`\r\n width: 1160px;\r\n margin: 50px auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n @media (max-width: 414px) {\r\n margin: 35px auto;\r\n }\r\n`;\r\n\r\nconst StyleDividingText = styled.div`\r\n width: 100%;\r\n background: url('${dividerLeft}') 0 .5rem/1.9375rem .375rem no-repeat,\r\n url('${dividerRight}') 100% .5rem/1.9375rem .375rem no-repeat,\r\n url('${dividerCenter}') 0 .5rem/.0625rem .375rem repeat-x;\r\n background-position: 0 .75rem,100% .75rem,0 .75rem;\r\n background-size: 4rem .75rem,4rem .75rem,.0625rem .75rem;\r\n @media (max-width: 768px) {\r\n background: url('${dividerLeft}') 0 .5em/2.5em .6em no-repeat,\r\n url('${dividerRight}') 100% .5em/2.5em .6em no-repeat,\r\n url('${dividerCenter}') 0 .5em/1em .6em repeat-x;\r\n }\r\n`;\r\n\r\nconst StyleIconFleur = styled.div`\r\n width: 35px;\r\n height: 38px;\r\n margin-bottom: 10px;\r\n background-image: url('${iconFleur}');\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n @media (max-width: 414px) {\r\n width: 25px;\r\n height: 26px;\r\n }\r\n`;\r\n\r\nconst StyleContentLunchList = styled.div`\r\n display: flex;\r\n flex-flow: wrap;\r\n justify-content: center;\r\n width: 1160px;\r\n margin: 50px auto 0;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n`;\r\n\r\nconst StyleLunchItem = styled.div`\r\n width: ${props => props.length > 3 ? \"20%\" : \"28%\"};\r\n margin: 1% 2.5% 4%;\r\n color: #5d5d5d;\r\n text-align: center;\r\n color: #868686;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n text-align: start;\r\n margin: 0 0 35px;\r\n }\r\n @media (max-width: 768px) {\r\n margin-bottom: 15px;\r\n }\r\n`;\r\n\r\nconst StyleLunchItemTitle = styled.div`\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n letter-spacing: -1px;\r\n font-size: 1.8rem;\r\n line-height: 1.8rem;\r\n display: block;\r\n color: #5d5d5d;\r\n text-align: center; \r\n text-transform: uppercase;\r\n text-decoration: none;\r\n margin-bottom: .5rem;\r\n @media (max-width: 1023px) {\r\n text-align: start; \r\n }\r\n @media (max-width: 768px) {\r\n font-size: 1.5rem;\r\n line-height: 1.5rem;\r\n margin-bottom: 0;\r\n }\r\n @media (max-width: 414px) {\r\n font-size: 1.2rem;\r\n font-size: 1.2rem;\r\n }\r\n`;\r\n\r\nconst StyleHappyHourItemTitle = styled.div`\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n letter-spacing: -1px;\r\n font-size: 1.8rem;\r\n line-height: 1.8rem;\r\n display: block;\r\n color: #5d5d5d;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n @media (max-width: 1023px) {\r\n text-align: start; \r\n }\r\n @media (max-width: 768px) {\r\n font-size: 1.5rem;\r\n line-height: 1.5rem;\r\n margin-bottom: 0;\r\n }\r\n @media (max-width: 414px) {\r\n font-size: 1.2rem;\r\n font-size: 1.2rem;\r\n }\r\n`;\r\n\r\nconst StyleImg = styled.div`\r\n width: 100%;\r\n height: 550px;\r\n margin: 0 auto 120px;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1366px) {\r\n width: 100%;\r\n margin: 0 auto 70px;\r\n }\r\n @media (max-width: 768px) {\r\n height: 350px;\r\n }\r\n @media (max-width: 414px) {\r\n margin: 0 auto 35px;\r\n }\r\n`;\r\n\r\nconst StyleSwirlItem = styled.div`\r\n margin: 0 0 30px;\r\n color: #5d5d5d;\r\n @media (max-width: 414px) {\r\n margin: 0 0 15px;\r\n }\r\n`;\r\n\r\nconst StyleDividingType = styled.div`\r\n height: 1em;\r\n background: url('${dots}') 50% 0 repeat-x;\r\n background-size: 30px 4px;\r\n display: flex;\r\n justify-content: center;\r\n margin: 3rem 0px 4.5rem;\r\n @media (max-width: 414px) {\r\n margin: 2rem 0px 30px;\r\n }\r\n`;\r\n\r\nconst StyleIconFleurWep = styled.div`\r\n width: 60px;\r\n height: 35px;\r\n background-color: #f3f2eb;\r\n display: flex;\r\n justify-content: center;\r\n position: relative;\r\n top: -1em;\r\n`;\r\n\r\nconst StyleContentImg = styled.div`\r\n width: 1160px;\r\n height: 550px;\r\n margin: 0 auto 120px;\r\n background-image: url('${props => props.imgUrl}');\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n margin: 0 auto 70px;\r\n }\r\n @media (max-width: 414px) {\r\n margin: 0 auto 35px;\r\n height: 350px;\r\n }\r\n`;\r\n\r\nconst StyleContentSpecialtyList = styled.div`\r\n display: flex;\r\n flex-flow: wrap;\r\n justify-content: center;\r\n width: 1160px;\r\n margin: 0 auto 40px;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n`;\r\n\r\nconst StyleSpecialtytItem = styled.div`\r\n width: 22%;\r\n margin: 1% 3% 4% 0;\r\n padding: 25px 0;\r\n color: #5d5d5d;\r\n color: #868686;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n text-align: start;\r\n margin: 0 0 35px;\r\n }\r\n @media (max-width: 768px) {\r\n margin: 0 0 20px;\r\n padding: 0px;\r\n }\r\n @media (max-width: 414px) {\r\n margin-bottom: 10px;\r\n }\r\n`;\r\n\r\nconst StyleTextTitleLink = styled(Link)`\r\n display: block;\r\n color: #be2f37;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n letter-spacing: -1px;\r\n margin-bottom: .5rem;\r\n >span >i {\r\n width: 20px;\r\n height: 16px;\r\n position: absolute;\r\n transition: left .5s;\r\n left: .7rem;\r\n top: 20%;\r\n transform: translate(-50%, -50%) rotate(-90deg);\r\n }\r\n >span {\r\n position: relative;\r\n }\r\n &:hover {\r\n >span >i {\r\n left: 1rem; \r\n }\r\n }\r\n @media (max-width: 1366px) {\r\n font-size: 1.5rem;\r\n >span >i {\r\n width: 18px;\r\n height: 14px;\r\n top: 25%;\r\n }\r\n }\r\n @media (max-width: 1280px) {\r\n font-size: 1.3rem;\r\n }\r\n @media (max-width: 1023px) {\r\n text-align: start; \r\n }\r\n @media (max-width: 768px) {\r\n font-size: 1.5rem; \r\n >span >i {\r\n width: 20px;\r\n height: 16px;\r\n top: 15%;\r\n }\r\n }\r\n @media (max-width: 414px) {\r\n letter-spacing: 0;\r\n font-size: 1rem;\r\n margin-bottom: 2px;\r\n >span >i {\r\n width: 12px;\r\n height: 10px;\r\n }\r\n }\r\n`;\r\n\r\nconst StyleTextTitle = styled.div`\r\n display: block;\r\n color: #be2f37;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: .5rem;\r\n @media (max-width: 1280px) {\r\n font-size: 1.3rem;\r\n }\r\n @media (max-width: 1023px) {\r\n text-align: start; \r\n }\r\n @media (max-width: 414px) {\r\n font-size: 1rem;\r\n line-height: 1.2rem;\r\n margin-bottom: 2px;\r\n }\r\n`;\r\n\r\nclass HappyHour extends PureComponent\r\n
}\r\n {responseData[0] && responseData[0].datas[0].datas.length && responseData[0].datas[0].datas.map( data => (\r\n {responseData[0].summary}
\r\n {responseData[0].title}
\r\n {responseData[0].html}
\r\n \r\n
\r\n ))}\r\n \r\n \r\n {data.title}
\r\n {data.summary}
\r\n \r\n {responseData[1].title &&
}\r\n\r\n {responseData[1].url && {responseData[1].title}
}\r\n {responseData[1].summary && {responseData[1].summary}
}\r\n {data.summary}
\r\n \r\n {(val.title && val.title !== \"chart\") && \r\n \r\n \r\n }\r\n\r\n {val.datas && \r\n {val.datas.length && val.datas.map(data => (\r\n \r\n {data.title} \r\n \r\n ))}\r\n }\r\n
))}\r\n \r\n {val.title}
\r\n {data.summary}
\r\n \r\n \r\n {responseData[1].datas[2].title &&
\r\n \r\n \r\n \r\n
}\r\n {responseData[1].datas[2].summary && {responseData[1].datas[2].title}
\r\n {responseData[1].datas[2].summary}
}\r\n {/* */}\r\n {responseData[1].datas[2].html}\r\n {/*
*/}\r\n \r\n {responseData[2].title &&
}\r\n\r\n {responseData[2].url && {responseData[2].title}
}\r\n {responseData[2].summary && {responseData[2].summary}
}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {val.datas.map(data => (\r\n \r\n {data.title && {data.title} }\r\n {data.summary && \r\n ))}\r\n
\r\n ))}\r\n\r\n \r\n {val.title}
\r\n {data.summary}
}\r\n \r\n
\r\n\r\n {responseData[3].url && {responseData[3].title}
\r\n {responseData[3].summary}
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {val.datas.map(data => (\r\n \r\n {data.title && {data.title} }\r\n {data.summary && \r\n ))}\r\n
\r\n ))}\r\n\r\n {/* Dynamic Area */}\r\n {dynamicData.length ? dynamicData.map(val => (\r\n {val.title}
\r\n {data.summary}
}\r\n \r\n \r\n \r\n \r\n \r\n : null}\r\n {val.datas.length ? val.datas.map(data => (\r\n
\r\n )) : null}\r\n \r\n \r\n {val.title ?
\r\n {val.url ? {val.title}
: null}\r\n {val.summary ? {val.summary}
: null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {data.datas ? data.datas.map(list => (\r\n \r\n {list.url ? \r\n \r\n {/* to={list.url ? {pathname: `${list.route}`, state: {...list}} : null}> */}\r\n \r\n \r\n {list.url ? : null}\r\n \r\n : \r\n \r\n }\r\n {list.summary ? \r\n )) : null}\r\n\r\n \r\n
)) : null}\r\n {data.title}
\r\n {list.summary}
: null}\r\n \r\n
\r\n\r\n {/* MORE */}\r\n {responseData[4] && {responseData[3].datas[2].summary}
\r\n \r\n {responseData[3].datas[2].html}
\r\n \r\n \r\n \r\n \r\n \r\n
}\r\n \r\n {responseData[4].summary &&
\r\n {responseData[4].summary}
}\r\n {responseData[4].html && \r\n {responseData[4].html && {responseData[4].html}}\r\n
}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n \r\n const reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n \r\n export default compose(\r\n withRouter,\r\n reduxHook,\r\n )(HappyHour);","// @flow\r\n\r\nimport React, { PureComponent, Fragment } from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst StyleWarpper = styled.div`\r\n width: ${props => props.isFullWidth ? '100%' : '48%'};\r\n position: relative;\r\n @media (max-width: 1023px) {\r\n width: 100%;\r\n}\r\n`;\r\nconst StyleErrorMsg = styled.div`\r\n position: absolute;\r\n color: red;\r\n font-size: 12px;\r\n left: 0;\r\n bottom: 0;\r\n`\r\n\r\nexport const regexCheck = (name, value) => {\r\n switch (name) {\r\n case 'name':\r\n if (!value || value.match(/\\d/)) {\r\n return '姓名格式錯誤';\r\n }\r\n return '';\r\n\r\n case 'phone':\r\n if (!value.match(/\\(?([0-9]{4})\\)?([ .-]?)([0-9]{3})\\2([0-9]{3})/)) {\r\n return '電話格式錯誤';\r\n }\r\n return '';\r\n\r\n case 'email':\r\n if (!value.match(/^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/)) {\r\n return '信箱格式錯誤';\r\n }\r\n return '';\r\n\r\n // case 'date':\r\n // if (!value.match(/^(0?[1-9]|1[012])[\\/\\-](0?[1-9]|[12][0-9]|3[01])[\\/\\-]\\d{4}$/)) {\r\n // return '日期格式錯誤(mm/dd/yyyy)';\r\n // }\r\n // return '';\r\n default:\r\n return '';\r\n }\r\n}\r\n\r\nclass TextInput extends PureComponent\r\n
\r\n\r\n {/* food */}\r\n {responseData[0] && responseData[0].datas[0] && {responseData[0].summary}
\r\n \r\n \r\n {responseData[0].html}
\r\n \r\n {responseData[0].datas[0].title &&
}\r\n\r\n {responseData[0].datas[0].title}
}\r\n {responseData[0].datas[0].summary && {responseData[0].datas[0].summary}
}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {val.datas.map(data => (\r\n \r\n {data.title} \r\n \r\n ))}\r\n \r\n
))}\r\n\r\n {responseData[0].datas[0].datas[1].url && \r\n {val.title}
\r\n {data.summary}
\r\n \r\n
\r\n\r\n {responseData[1].datas[0].title}
\r\n {responseData[1].datas[0].summary}
\r\n \r\n
\r\n\r\n {/* Dynamic Area */}\r\n {dynamicData.length ? dynamicData.map(val => (\r\n \r\n \r\n {data.title} \r\n \r\n ))}\r\n
\r\n \r\n {data.summary}
\r\n \r\n
\r\n \r\n {responseData[1].datas[2].datas[0].datas.map(data =>(\r\n \r\n {data.title} \r\n \r\n ))}\r\n
\r\n {data.summary}
\r\n \r\n \r\n \r\n \r\n \r\n : null}\r\n {val.datas.length ? val.datas.map(data => (\r\n
\r\n )) : null}\r\n\r\n \r\n {val.title ?
\r\n {val.url ? {val.title}
: null}\r\n {val.summary ? {val.summary}
: null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {data.datas ? data.datas.map(list => (\r\n \r\n {list.url ? \r\n \r\n \r\n \r\n {list.url ? : null}\r\n \r\n : \r\n \r\n }\r\n {list.summary ? \r\n )) : null}\r\n\r\n \r\n
)) : null}\r\n {data.title}
\r\n {list.summary}
: null}\r\n \r\n
\r\n\r\n {/* MORE */}\r\n {responseData[2] && {responseData[1].datas[3].summary}
\r\n \r\n {responseData[1].datas[3].html}
\r\n \r\n \r\n \r\n \r\n \r\n
}\r\n\r\n \r\n {responseData[2].summary &&
\r\n {responseData[2].summary}
}\r\n {responseData[2].html && \r\n {responseData[2].html && {responseData[2].html}}\r\n
}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default Radioinput;","// @flow\r\n\r\nimport React, { PureComponent } from 'react';\r\nimport styled from 'styled-components';\r\nimport { connect } from 'react-redux';\r\nimport {compose } from 'redux';\r\n\r\nconst StyleWarpper = styled.div`\r\n width: ${props => props.isFullWidth ? '100%' : '48%'};\r\n position: relative;\r\n`;\r\n\r\nclass Dropdown extends PureComponent\r\n \r\n
\r\n {placeholder[1].title}
\r\n\r\n \r\n
\r\n {placeholder[2].title}
\r\n\r\n \r\n \r\n {responseData.datas.map(val => \r\n \r\n \r\n \r\n {val.title}\r\n \r\n \r\n {val.summary}\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\nconst selector = formValueSelector(PRIVATE_EVENT);\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n LastName: selector(state, 'LastName'),\r\n FirstName: selector(state, 'FirstName'),\r\n Phone: selector(state, 'Phone'),\r\n Email: selector(state, 'Email'),\r\n Stores: selector(state, 'Stores'),\r\n Opinion: selector(state, 'Opinion'),\r\n Sex: selector(state, 'Sex'),\r\n nodeData: state.Content.nodeData,\r\n footerData: state.Content.footerData,\r\n menuData: state.Content.menuData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n sendEmailData: state.Content.sendEmailData,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch)\r\n);\r\n\r\nconst formHook = reduxForm({\r\n form: PRIVATE_EVENT,\r\n initialValues: {\r\n LastName: '',\r\n FirstName: '',\r\n Phone: '',\r\n Sex: 'Male',\r\n Email: '',\r\n Stores: '',\r\n Opinion: '',\r\n },\r\n});\r\n\r\nexport default compose(\r\n reduxHook,\r\n formHook,\r\n)(PrivateEvents);","import React, { PureComponent } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport styled, { css } from 'styled-components';\r\nimport Slider from \"react-slick\";\r\nimport SpecialBlock from '../conponents/shared/SpecialBlock.jsx';\r\nimport buttonborder from '../static/button-border-deepWhite.png';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport { withRouter } from 'react-router';\r\nimport APPCONFIG from '../config/config.js';\r\nimport * as indexAction from '../actions/index.js';\r\n\r\n\r\nconst StyleSliderWarp = styled.div`\r\n box-sizing: border-box;\r\n background: linear-gradient(to bottom, #f3f3eb 0%,#f3f3eb 20%,#e8e6da 20%,#e8e6da 80%,#f3f3eb 80%,#f3f3eb 100%);\r\n @media (max-width: 1023px) {\r\n background: linear-gradient(to bottom, #f3f3eb 0%,#f3f3eb 45%,#e8e6da 45%,#e8e6da 90%,#f3f3eb 90%,#f3f3eb 100%);\r\n }\r\n`;\r\n\r\nconst StyleSlider = styled(Slider)`\r\n width: 1160px;\r\n box-sizing: border-box;\r\n padding: 20px 0 40px;\r\n margin: 0 auto;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n`;\r\n\r\nconst StyleBanner = styled.div`\r\n position: relative;\r\n height: 550px;\r\n width: 90%;\r\n background-image: url(\"${props => props.imgUrl}\");\r\n ${props => props.isMiddle && css`\r\n background-image: url(\"${props => props.imgUrl}\");\r\n `}\r\n background-size: 140%;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n padding: 30px;\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n color: #FFF;\r\n outline: none;\r\n transition: all .3s ease-in;\r\n word-break: break-word;\r\n @media (max-width: 1280px) {\r\n padding: 30px 15px;\r\n }\r\n @media (max-width: 1023px) {\r\n width: 50%;\r\n height: 500px;\r\n margin: 20px auto;\r\n padding: 40px 15px;\r\n }\r\n @media (max-width: 768px) {\r\n width: 70%;\r\n }\r\n @media (max-width: 540px) {\r\n width: 98%;\r\n height: 350px;\r\n padding: 30px 15px;\r\n }\r\n :after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n top: 0;\r\n left: 0;\r\n background-color: rgba(90,90,90,.9);\r\n ${props => props.isMiddle && css`\r\n background-color: rgba(190,47,55,.9);\r\n transition: all .3s ease-in;\r\n `}\r\n }\r\n :before {\r\n content: '';\r\n position: absolute;\r\n width: calc(100% - 30px);\r\n height: calc(100% - 30px);\r\n z-index: 2;\r\n top: 15px;\r\n left: 15px;\r\n border: 15px solid hsla(0,0%,100%,.5);\r\n border-image: url(\"${buttonborder}\") 18 18 stretch;\r\n box-sizing: border-box;\r\n @media (max-width: 540px) {\r\n width: calc(100% - 20px);\r\n height: calc(100% - 20px);\r\n top: 10px;\r\n left: 10px;\r\n }\r\n }\r\n > h3 {\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n letter-spacing: -1px;\r\n position: relative;\r\n max-width: 85%;\r\n margin: 1.3rem auto .5em;\r\n letter-spacing: -1px;\r\n font-weight: 800;\r\n font-size: 2.2rem;\r\n text-align: center;\r\n z-index: 2;\r\n @media (max-width: 1280px) {\r\n font-size: 1.8rem;\r\n }\r\n @media (max-width: 450px) {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n > p {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 85%;\r\n font-size: 1.25rem;\r\n text-align: justify;\r\n text-align-last: center;\r\n margin: 0 auto;\r\n line-height: 1.8rem;\r\n letter-spacing: 1px;\r\n @media (max-width: 1400px) {\r\n font-size: 1.2rem;\r\n line-height: 1.6rem;\r\n }\r\n @media (max-width: 414px) {\r\n font-size: .9rem;\r\n line-height: 1.4rem;\r\n }\r\n }\r\n &:hover {\r\n background-size: 145%;\r\n transition: all .3s ease-in;\r\n :after {\r\n background-color: rgba(90,90,90,.4);\r\n ${props => props.isMiddle && css`\r\n background-color: rgba(90,90,90,.4);\r\n `}\r\n } \r\n }\r\n`;\r\n\r\nconst StyleBannerEn = styled.div`\r\n position: relative;\r\n height: 550px;\r\n width: 90%;\r\n background-image: url(\"${props => props.imgUrl}\");\r\n ${props => props.isMiddle && css`\r\n background-image: url(\"${props => props.imgUrl}\");\r\n `}\r\n background-size: 140%;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n padding: 30px;\r\n margin: 0 auto;\r\n box-sizing: border-box;\r\n color: #FFF;\r\n outline: none;\r\n transition: all .3s ease-in;\r\n word-break: break-word;\r\n @media (max-width: 1280px) {\r\n padding: 30px 15px;\r\n }\r\n @media (max-width: 1023px) {\r\n width: 50%;\r\n height: 500px;\r\n margin: 20px auto;\r\n padding: 40px 15px;\r\n }\r\n @media (max-width: 768px) {\r\n width: 70%;\r\n }\r\n @media (max-width: 540px) {\r\n width: 98%;\r\n height: 350px;\r\n padding: 30px 15px;\r\n }\r\n :after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n top: 0;\r\n left: 0;\r\n background-color: rgba(90,90,90,.9);\r\n ${props => props.isMiddle && css`\r\n background-color: rgba(190,47,55,.9);\r\n transition: all .3s ease-in;\r\n `}\r\n }\r\n :before {\r\n content: '';\r\n position: absolute;\r\n width: calc(100% - 30px);\r\n height: calc(100% - 30px);\r\n z-index: 2;\r\n top: 15px;\r\n left: 15px;\r\n border: 15px solid hsla(0,0%,100%,.5);\r\n border-image: url(\"${buttonborder}\") 18 18 stretch;\r\n box-sizing: border-box;\r\n @media (max-width: 540px) {\r\n width: calc(100% - 20px);\r\n height: calc(100% - 20px);\r\n top: 10px;\r\n left: 10px;\r\n }\r\n }\r\n > h3 {\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n letter-spacing: -1px;\r\n position: relative;\r\n max-width: 85%;\r\n margin: 1.3rem auto .5em;\r\n font-weight: 800;\r\n font-size: 1.8rem;\r\n text-align: center;\r\n z-index: 2;\r\n @media (max-width: 1400px) {\r\n font-size: 1.8rem;\r\n }\r\n @media (max-width: 450px) {\r\n font-size: 1.5rem;\r\n }\r\n }\r\n > p {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 85%;\r\n font-size: 1.3rem;\r\n margin: 0 auto;\r\n line-height: 1.8rem;\r\n @media (max-width: 414px) {\r\n font-size: 1rem;\r\n line-height: 1.2rem;\r\n }\r\n }\r\n &:hover {\r\n background-size: 145%;\r\n transition: all .3s ease-in;\r\n :after {\r\n background-color: rgba(90,90,90,.4);\r\n ${props => props.isMiddle && css`\r\n background-color: rgba(90,90,90,.4);\r\n `}\r\n } \r\n }\r\n`;\r\n\r\nconst StyleLink = styled(Link)`\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n position: absolute;\r\n z-index: 2;\r\n color: #fff;\r\n text-align: center;\r\n left: 50%;\r\n bottom: 6rem;\r\n font-size: 1.25rem;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n transform: translateX(-50%);\r\n border-bottom: 1px solid;\r\n @media (max-width: 1280px) {\r\n font-size: 1.2rem;\r\n }\r\n @media (max-width: 450px) {\r\n bottom: 3rem;\r\n }\r\n`;\r\n\r\nconst StyleControl = styled.div`\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 8rem 0 4rem;\r\n position: unset;\r\n .slick-active > button {\r\n background: #b30013;\r\n color: #FFF;\r\n }\r\n button {\r\n background: unset;\r\n border: unset;\r\n color: #b30013;\r\n font-size: 1.5em;\r\n outline: 0;\r\n margin: 0 1.4rem;\r\n cursor: pointer;\r\n }\r\n`;\r\n\r\nconst StyleDot = styled.div`\r\n > button {\r\n border-radius: 50%;\r\n width: 35px;\r\n height: 35px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #b30013;\r\n color: #b30013;\r\n font-size: 1.2em;\r\n margin: 0 0.6rem;\r\n }\r\n \r\n`;\r\n\r\nclass Promotions extends PureComponent {\r\n constructor() {\r\n super();\r\n this.slider = React.createRef();\r\n }\r\n\r\n componentWillMount() {\r\n const {\r\n location: {\r\n state,\r\n pathname,\r\n },\r\n fetchNodeData,\r\n nodeData,\r\n allNodes,\r\n } = this.props;\r\n document.body.scrollTop = 0; // For Safari\r\n document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera\r\n const mainpPath = pathname.split(\"/\");\r\n if (state) {\r\n // if(!nodeData[state.route]) {\r\n // fetchNodeData(state.url, state.route); \r\n // }\r\n } else {\r\n // if (allNodes) {\r\n // if(!nodeData[`/${mainpPath[2]}`]) {\r\n // const thisNodeData = allNodes.childNode && allNodes.childNode[0].childNode.find(val => val.route === `/${mainpPath[2]}`);\r\n // if(!thisNodeData) return null;\r\n // fetchNodeData(`/${thisNodeData.nodeId}`, thisNodeData.route);\r\n // }\r\n // }\r\n }\r\n }\r\n\r\n componentDidUpdate(preprops) {\r\n const {\r\n location: {\r\n pathname,\r\n state,\r\n },\r\n allNodes,\r\n fetchNodeData,\r\n setLastUrl,\r\n nodeData,\r\n footerData,\r\n } = this.props;\r\n const mainpPath = pathname.split(\"/\");\r\n // setLastUrl(state ? state : pathname);\r\n }\r\n\r\n render() {\r\n const {\r\n nodeData,\r\n location: {\r\n state,\r\n pathname,\r\n },\r\n langData,\r\n } = this.props;\r\n const mainpPath = pathname.split(\"/\");\r\n if (!nodeData[`/${mainpPath[2]}`]) return null;\r\n const responseData = nodeData[`/${mainpPath[2]}`] || nodeData[state.route];\r\n return (\r\n \r\n
\r\n\r\n {responseData.title}
\r\n {responseData.summary}
\r\n \r\n
\r\n\r\n {responseData.html}
\r\n \r\n
\r\n \r\n
\r\n this.postData()}>{contactPlaceholder[9].title}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n footerData: state.Content.footerData,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(Promotions);","import React, { PureComponent, Fragment } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { Link, withRouter } from 'react-router-dom';\r\nimport SpecialBlock from '../conponents/shared/SpecialBlock';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators, compose } from 'redux';\r\nimport APPCONFIG from '../config/config.js';\r\nimport * as IndexAction from '../actions/index';\r\n\r\n\r\nclass PromotionDetail extends PureComponent\r\n \r\n {\r\n return (\r\n \r\n \r\n {dots.map((dot) => (\r\n {dot.props.children}\r\n ))}\r\n \r\n \r\n );\r\n }}\r\n arrows={false}\r\n infinite={true}\r\n speed={500}\r\n slidesToShow={responseData.datas.length >= 3 ? 3 : responseData.datas.length}\r\n slidesToScroll={responseData.datas.length >= 3 ? 3 : responseData.datas.length}\r\n responsive={[{\r\n breakpoint: 1023,\r\n settings: {\r\n slidesPerRow: 1,\r\n rows: 3,\r\n slidesToScroll: 1,\r\n slidesToShow: 1,\r\n }\r\n }]}>\r\n {responseData.datas.map((data, index) => (\r\n \r\n
\r\n \r\n
\r\n {responseData.title}
\r\n \r\n {responseData.summary}\r\n
\r\n \r\n {langData.type === \"zh-TW\" ? \r\n \r\n more */}\r\n {data.subHtml} \r\n :\r\n \r\n more */}\r\n {data.subHtml} \r\n }\r\n
\r\n ))}\r\n \r\n {data.title}
\r\n{data.summary}
\r\n {/*{data.title}
\r\n{data.summary}
\r\n {/*\r\n \r\n \r\n \r\n \r\n {langData.goBack}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(Reservation);","import React, { PureComponent } from 'react';\r\n// import styled from 'styled-components';\r\nimport { bindActionCreators, compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { reduxForm, Field, formValueSelector } from 'redux-form'; \r\nimport Textinput, { regexCheck } from '../conponents/shared/Textinput';\r\nimport Textarea from '../conponents/shared/Textarea';\r\nimport Radioinput from '../conponents/shared/Radioinput';\r\nimport Dropdown from '../conponents/shared/Dropdown';\r\nimport { CONTACTUS_FORM } from '../shared/form';\r\nimport * as indexAction from '../actions/index';\r\nimport SpecialBlock from '../conponents/shared/SpecialBlock';\r\n\r\nclass ContactUs extends PureComponent\r\n {responseData.map(data => \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {data.title}
\r\n\r\n \r\n {data.summary}\r\n
\r\n\r\n \r\n T.\r\n {data.html}\r\n
\r\n {data.subHtml.length > 0 ?\r\n\r\n \r\n M.\r\n {data.subHtml}\r\n
\r\n :\r\n \r\n }\r\n \r\n\r\n \r\n {responseData.summary}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(YourPrivacy);","import React, { PureComponent } from 'react';\r\nimport styled from 'styled-components';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { HashLink as Link } from 'react-router-hash-link';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators, compose, combineReducers } from 'redux';\r\nimport * as IndexAction from '../actions/index';\r\nimport APPCONFIG from '../config/config.js';\r\n\r\nimport SpecialBlock from '../conponents/shared/SpecialBlock.jsx';\r\n\r\nimport food_detail01 from '../static/food-detail-01.png';\r\nimport food_detail02 from '../static/food-detail-02.jpg';\r\nimport food_detail03 from '../static/food-detail-03.svg';\r\nimport cow from '../static/food-detail-03.svg';\r\nimport { stat } from 'fs';\r\n\r\nclass FoodMenu1 extends PureComponent\r\n \r\n
\r\n \r\n this.goTop()} \r\n class=\"food-backTop-prevpage\" \r\n to={{ pathname: `/${langData.type}/${mainpPath[2]}`}}>\r\n \r\n \r\n \r\n {langData.goBackFood}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n getFoodDetailData: state.Content.getFoodDetailData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n foodDetailHtmlData: state.Content.foodDetailHtmlData,\r\n detailListNum: state.Content.detailListNum,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...IndexAction,\r\n }, dispatch),\r\n);\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(FoodMenu1);","import React, { PureComponent } from 'react';\r\nimport styled from 'styled-components';\r\n// import { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { HashLink as Link } from 'react-router-hash-link';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport * as indexAction from '../actions/index.js';\r\nimport { withRouter } from 'react-router';\r\nimport SpecialBlock from '../conponents/shared/SpecialBlock.jsx';\r\nimport feature_lobster from '../static/feature_lobster.jpg';\r\nimport feature_steak from '../static/feature_steak.jpg';\r\nimport tile_diagram from '../static/tile_diagram.png';\r\nimport food_detail03 from '../static/food-detail-03.svg';\r\nimport huneeus_small from '../static/huneeus-small.jpg';\r\nimport feature_faust from '../static/feature_faust.jpg';\r\nimport contentBanner from '../static/stagsleaphero.jpg';\r\nimport Loading from '../conponents/Loading/loading';\r\n\r\n\r\nclass HomeContent extends PureComponent\r\n {foodDetailHtml && foodDetailHtml.length ? \r\n \r\n \r\n {(isTagNameA && isTagNameA.length && isTagNameA[0]) ? {isTagNameA[0].innerHTML} : null}\r\n \r\n {(isTagNameA && isTagNameA.length && isTagNameA[1]) ? {isTagNameA[1].innerHTML} : null}\r\n \r\n \r\n : null}\r\n
\r\n {foodDetailData && (foodDetailData.question || foodDetailData.answer) && \r\n 
\r\n
}\r\n \r\n {foodDetailData.question &&
\r\n {foodDetailData.answer && {foodDetailData.question}
}\r\n{foodDetailData.answer}
}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {langData.previous}
\r\n {/* */}\r\n {Previous && \r\n this.goTop()} \r\n to={{ pathname: `/${langData.type}/${mainpPath[2]}${Previous.url}`, state: {...Previous} }}>\r\n \r\n \r\n \r\n \r\n }\r\n \r\n this.goTop()} \r\n to={{ pathname: `/${langData.type}/${mainpPath[2]}${next.url}`, state: {...next} }}> \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n {langData.next}
\r\n {/* */}\r\n {next && \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n menuData: state.Content.menuData,\r\n allNodes: state.Content.allNodes,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(HomeContent);","import React, { PureComponent } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport * as indexAction from '../actions/index.js';\r\nimport { withRouter } from 'react-router';\r\n\r\nimport food06 from '../static/food06.jpg';\r\nimport whiteWine from '../static/white_wine_feature.jpg';\r\nimport home2_01 from '../static/home2-01.jpg';\r\nimport num1 from '../static/num1.svg';\r\nimport num2 from '../static/num2.svg';\r\n\r\nclass HomeContent2 extends PureComponent\r\n
\r\n {responseData[0].datas[0].title}
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {/* */}\r\n \r\n \r\n
\r\n {/* {responseData[0].datas[0].datas[0].summary}
\r\n {responseData[0].datas[0].datas[0].title}
\r\n {responseData[0].datas[0].datas[0].html}
\r\n \r\n {responseData[0].datas[0].datas[0].achor}\r\n
\r\n \r\n \r\n
*/}\r\n \r\n \r\n
\r\n\r\n {/* */}\r\n\r\n {responseData[0].datas[0].datas[2] ? responseData[0].datas[0].datas[2].title : ''}
\r\n {/* */}\r\n \r\n {responseData[0].datas[0].datas[3] ? responseData[0].datas[0].datas[3].title : ''}
\r\n {/* */}\r\n \r\n {responseData[0].datas[0].summary}
\r\n \r\n \r\n \r\n
\r\n {responseData[0].datas[0].datas[0].summary}
\r\n {responseData[0].datas[0].datas[1] ? responseData[0].datas[0].datas[1].title : ''}
\r\n {responseData[0].datas[0].datas[1].html}
\r\n \r\n
\r\n\r\n {responseData[0].datas[1].title}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/* */}\r\n \r\n \r\n
\r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].summary : ''}
\r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].title : ''}
\r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].html : ''}
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* {responseData[0].datas[1].datas[0].summary}
\r\n {responseData[0].datas[1].datas[0].title}
\r\n {responseData[0].datas[1].datas[0].html}
\r\n \r\n {responseData[0].datas[1].datas[0].achor}\r\n
\r\n \r\n \r\n
*/}\r\n {responseData[0].datas[2].datas[0] ? responseData[0].datas[2].datas[0].summary : ''}
\r\n {responseData[0].datas[2].datas[0] ? responseData[0].datas[2].datas[0].title : ''}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n specialBlock: state.Content.specialBlock,\r\n footerData: state.Content.footerData,\r\n menuData: state.Content.menuData,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(HomeContent2);","import React, { PureComponent } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport * as indexAction from '../actions/index.js';\r\nimport { withRouter } from 'react-router';\r\n\r\nclass HomeContent3 extends PureComponent\r\n
\r\n\r\n \r\n
\r\n \r\n {responseData[0].datas[0].title}
\r\n {responseData[0].datas[0].summary}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {responseData[0].datas[0].datas[2] ? responseData[0].datas[0].datas[2].title : ''}
\r\n \r\n \r\n \r\n
\r\n {responseData[0].datas[0].datas[3] ? responseData[0].datas[0].datas[3].title : ''}
\r\n \r\n
\r\n {/* Ingredients */}\r\n \r\n \r\n
\r\n {/* Technique */}\r\n \r\n
\r\n \r\n
\r\n {responseData[0].datas[0].datas[0].summary}
\r\n {responseData[0].datas[0].datas[0].title}
\r\n {responseData[0].datas[0].datas[0].html}
\r\n \r\n \r\n
\r\n {/* THE PERFECT PAIRING */}\r\n {responseData[0].datas[0].datas[1] ? responseData[0].datas[0].datas[1].summary : ''}
\r\n {responseData[0].datas[0].datas[1] ? responseData[0].datas[0].datas[1].title : ''}
\r\n \r\n {responseData[0].datas[0].datas[1] ? responseData[0].datas[0].datas[1].html : ''} \r\n
\r\n {/* cow */}\r\n \r\n \r\n
\r\n {/* Experience */}\r\n {responseData[0].datas[1].title}
\r\n \r\n
\r\n {/* TASTING NOTES */}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {responseData[0].datas[1].datas[0].summary}
\r\n {responseData[0].datas[1].datas[0].title}
\r\n \r\n {responseData[0].datas[1].datas[0].html} \r\n
\r\n {/* explore our wines */}\r\n \r\n \r\n \r\n
\r\n {/* STAGS' LEAP WINE DINNER */}\r\n \r\n
\r\n \r\n
\r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].summary : ''}
\r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].title : ''}
\r\n \r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].html : ''} \r\n
\r\n \r\n
\r\n {/* HUNEEUS FAMILY WINERY */}\r\n FAUST
\r\n \r\n
\r\n {responseData[0].datas[2].datas[0] ? responseData[0].datas[2].datas[0].summary : ''}
\r\n {responseData[0].datas[2].datas[0] ? responseData[0].datas[2].datas[0].title : ''}
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {responseData[0].datas[3] && responseData[0].datas[3].title}
\r\n {/* button */}\r\n \r\n \r\n
\r\n {specialBlock.title}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {specialBlock.summary}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n menuData: state.Content.menuData,\r\n specialBlock: state.Content.specialBlock,\r\n footerData: state.Content.footerData,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(HomeContent3);","import React, { PureComponent } from 'react';\r\nimport { bindActionCreators, compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { reduxForm, Field, formValueSelector } from 'redux-form'; \r\nimport Textinput, { regexCheck } from '../conponents/shared/Textinput';\r\nimport Textarea from '../conponents/shared/Textarea';\r\nimport Radioinput from '../conponents/shared/Radioinput';\r\nimport Dropdown from '../conponents/shared/Dropdown';\r\nimport { GIFTCARD } from '../shared/form';\r\nimport * as indexAction from '../actions/index';\r\nimport APPCONFIG from '../config/config.js';\r\nimport SpecialBlock from '../conponents/shared/SpecialBlock.jsx';\r\nimport styled, { css, ThemeProvider } from 'styled-components';\r\n\r\nconst StyleDiv = styled.div`\r\n width: 95vw;\r\n height: 905px;\r\n margin: 85px auto;\r\n // @media (max-width: 1249px) {\r\n // height: 1105px;\r\n // }\r\n // @media (max-width: 1005px) {\r\n // height: 950px;\r\n // }\r\n // @media (max-width: 996px) {\r\n // height: 930px;\r\n // }\r\n`;\r\n\r\nclass OnlineBooking extends PureComponent\r\n
\r\n\r\n {/* THE PERFECT PAIRING */}\r\n \r\n
\r\n {/* Technique */}\r\n {responseData[0].datas[0].title}
\r\n \r\n
\r\n \r\n
\r\n {/* Ingredients */}\r\n \r\n
\r\n {responseData[0].datas[0].datas[0].summary}
\r\n {responseData[0].datas[0].datas[0].title}
\r\n {responseData[0].datas[0].datas[0].html}
\r\n \r\n
\r\n {/* Experience */}\r\n \r\n
\r\n {responseData[0].datas[0].datas[1] ? responseData[0].datas[0].datas[1].summary : ''}
\r\n {responseData[0].datas[0].datas[1] ? responseData[0].datas[0].datas[1].title : ''}
\r\n {responseData[0].datas[0].datas[1] ? responseData[0].datas[0].datas[1].html : ''}
\r\n \r\n
\r\n \r\n
\r\n {responseData[0].datas[1].datas[0].summary}
\r\n {responseData[0].datas[1].datas[0].title}
\r\n {responseData[0].datas[1].datas[0].html}
\r\n \r\n
\r\n {/* TASTING NOTES */}\r\n {responseData[0].datas[1].title}
\r\n \r\n
\r\n {/* STAGS' LEAP WINE DINNER */}\r\n \r\n
\r\n {/* HUNEEUS FAMILY WINERY */}\r\n \r\n \r\n
\r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].summary : ''}
\r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].title : ''}
\r\n \r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[1].html : ''}\r\n
\r\n \r\n
\r\n {responseData[0].datas[2].datas[1] ? responseData[0].datas[2].datas[0].summary : ''}
\r\n {responseData[0].datas[2].datas[0] ? responseData[0].datas[2].datas[0].title : ''}
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n {responseData[0].datas[3].title}
\r\n \r\n \r\n \r\n \r\n
\r\n {specialBlock.title}
\r\n {specialBlock.summary}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst selector = formValueSelector(GIFTCARD);\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n LastName: selector(state, 'LastName'),\r\n FirstName: selector(state, 'FirstName'),\r\n Phone: selector(state, 'Phone'),\r\n Email: selector(state, 'Email'),\r\n Stores: selector(state, 'Stores'),\r\n Comments: selector(state, 'Comments'),\r\n Sex: selector(state, 'Sex'),\r\n nodeData: state.Content.nodeData,\r\n menuData: state.Content.menuData,\r\n footerData: state.Content.footerData,\r\n allNodes: state.Content.allNodes,\r\n sendEmailData: state.Content.sendEmailData,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch)\r\n);\r\n\r\nconst formHook = reduxForm({\r\n form: GIFTCARD,\r\n initialValues: {\r\n LastName: '',\r\n FirstName: '',\r\n Phone: '',\r\n Sex: 'Male',\r\n Email: '',\r\n Stores: '',\r\n Comments: '',\r\n },\r\n});\r\n\r\nexport default compose(\r\n reduxHook,\r\n formHook,\r\n)(OnlineBooking);","import React, { PureComponent } from 'react';\r\n// import styled from 'styled-components';\r\n\r\nclass HeaderTop extends PureComponent\r\n
\r\n );\r\n }\r\n}\r\nexport default HeaderTop;","import React, { PureComponent } from 'react';\r\nimport { withRouter } from 'react-router';\r\nimport Logo from './../static/ruthschris_global_logo.png';\r\nimport userCircleWhite from './../static/user-circle-white.png';\r\nimport HeaderTop from './HeaderTop.jsx';\r\nimport { compose, bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport * as indexAction from '../actions/index.js';\r\nimport APPCONFIG from '../config/config.js';\r\n\r\nclass NavList extends PureComponentFIND YOUR RUTH'S CHRIS
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n menuData: state.Content.menuData,\r\n langData: state.Content.lang,\r\n footerData: state.Content.footerData,\r\n allNodes: state.Content.allNodes,\r\n foodDetailUrl: state.Content.foodDetailUrl,\r\n getFoodDetailData: state.Content.getFoodDetailData,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n);\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(NavList);","import React, { PureComponent } from 'react';\r\n// import styled from 'styled-components';\r\n\r\nclass HeaderTop2 extends PureComponent\r\n
\r\n\r\n { hasonlinebooking ?\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })}}>\r\n {langData.onlinebookingName}\r\n \r\n :\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })}}>\r\n {langData.bookingName}\r\n \r\n }\r\n \r\n {\r\n if (menuVisible)\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })}}>\r\n 
\r\n \r\n
\r\n \r\n {menuData.map(val =>val.route !== excludeRoute ? (\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })}} \r\n to={{ pathname: `/${langData.type}${val.route}`, state: {...val} }}>\r\n {val.title}\r\n \r\n ) : null)}\r\n 
\r\n \r\n
\r\n { hasonlinebooking ?\r\n \r\n :\r\n \r\n }\r\n \r\n
\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })}}>\r\n 1 ? \"nav-change-lang\" : \"display-none\"}>\r\n {APPCONFIG.langurage.filter(x => x.type !== langData.type).map(data => (\r\n \r\n {\r\n this.setLang(data);\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })}}\r\n >\r\n {APPCONFIG.langurage.find(x => x.type !== langData.type).name}\r\n \r\n
\r\n ))}\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\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 HeaderTop2;","import React, { PureComponent } from 'react';\r\nimport styled from 'styled-components';\r\nimport { withRouter } from 'react-router';\r\nimport { compose, bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport * as indexAction from '../actions/index.js';\r\nimport APPCONFIG from '../config/config.js';\r\n\r\nimport HeaderTop2 from './HeaderTop2.jsx';\r\n\r\nclass NavList2 extends PureComponentFIND YOUR RUTH'S CHRIS
\r\n \r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n menuData: state.Content.menuData,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n);\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(NavList2);","import React, { PureComponent } from 'react';\r\nimport { withRouter } from 'react-router';\r\nimport { compose, bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport * as indexAction from '../actions/index.js';\r\nimport APPCONFIG from '../config/config.js';\r\n\r\nimport Logo from './../static/ruthschris_global_logo.png';\r\nimport userCircleWhite from './../static/user-circle-solid.png';\r\nimport HeaderTop from './HeaderTop.jsx';\r\n\r\nclass NavList3 extends PureComponent\r\n
\r\n \r\n
\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })\r\n }}>\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {menuData.map(val => val.route !== '/reservations' ? (\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })}} \r\n to={{ pathname: `/${langData.type}${val.route}`, state: {...val} }}>\r\n \r\n {val.title}\r\n \r\n ) : null)}\r\n
\r\n \r\n {/* {\r\n getHeaderIcon(number) {\r\n switch (number) {\r\n case \"1\":\r\n // 雕花\r\n return 
;\r\n case \"2\":\r\n // 禮物盒\r\n return 
;\r\n case \"3\":\r\n // 牛排\r\n return 
;\r\n case \"4\":\r\n // 酒杯\r\n return 
;\r\n default:\r\n // 雕花\r\n return null;\r\n }\r\n }\r\n\r\n\r\n render() {\r\n const settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n };\r\n const {\r\n match: {\r\n params: {\r\n mainId,\r\n subId,\r\n } \r\n },\r\n match,\r\n nodeData,\r\n location: {\r\n pathname,\r\n state,\r\n },\r\n location,\r\n getFoodDetailData,\r\n foodDetailUrl,\r\n langData,\r\n } = this.props;\r\n const mainpPath = pathname.split(\"/\");\r\n // if (!`/${mainpPath[2]}`) return null;\r\n \r\n let responseData = nodeData[`/${mainpPath[2]}`];\r\n if (mainpPath[0] === '' && !mainpPath[2]) {\r\n responseData = nodeData[`/${langData.type}`];\r\n }\r\n if (mainId && !subId) {\r\n responseData = nodeData[`/${mainpPath[2]}`] && nodeData[`/${mainpPath[2]}`].datas.find(val => val.nodeId === `${mainId}`);\r\n }\r\n // if ((state && (state.route === \"/food-detail\")) || (pathname === `/food${foodDetailUrl}` && pathname !== \"/food\")) {\r\n if (mainId && subId) {\r\n // responseData = getFoodDetailData.length && getFoodDetailData.find(val => val.url === (foodDetailUrl || state.url));\r\n responseData = getFoodDetailData[langData.type] && getFoodDetailData[langData.type].length && getFoodDetailData[langData.type].find(val => val.url === `/${mainId}/${subId}`);\r\n }\r\n if (!responseData) return null;\r\n return (\r\n responseData.route !== '/online-booking' ?\r\n {\r\n // constructor(props) {\r\n // super(props);\r\n // this.state = {\r\n // showData: this.getTitleName(),\r\n // };\r\n // }\r\n\r\n // componentDidUpdate(prevProps) {\r\n // const {\r\n // pathname,\r\n // getMenu,\r\n // getFooter,\r\n // langData,\r\n // } = this.props;\r\n // if (prevProps.pathname !== pathname) this.setState({ showData: this.getTitleName() });\r\n // if (prevProps.langData !== langData) {\r\n // getMenu('');\r\n // getFooter('');\r\n // }\r\n // }\r\n\r\n setLang(data) {\r\n const {\r\n location: {\r\n pathname,\r\n },\r\n match: {\r\n params: {\r\n mainId,\r\n subId,\r\n } \r\n },\r\n langData,\r\n changeLanguage,\r\n getMenu,\r\n getFooter,\r\n getAllNodes,\r\n clearData,\r\n history,\r\n } = this.props;\r\n if (langData.type !== data.type) {\r\n const mainpPath = pathname.split(\"/\");\r\n if(mainpPath[2]) {\r\n if(mainId && subId) {\r\n history.replace(`/${data.type}/${mainpPath[2]}/${mainId}/${subId}`);\r\n } else if (mainId && !subId) {\r\n history.replace(`/${data.type}/${mainpPath[2]}/${mainId}`);\r\n } else {\r\n history.replace(`/${data.type}/${mainpPath[2]}`);\r\n } \r\n } else {\r\n history.replace(`/${data.type}`);\r\n } \r\n changeLanguage(data);\r\n clearData();\r\n getMenu('');\r\n getAllNodes();\r\n getFooter(''); \r\n }\r\n }\r\n \r\n // getTitleName() {\r\n // const {\r\n // pathname,\r\n // } = this.props;\r\n // if (!pathname) return arrayData.find(data => data.path === '/') || {};\r\n // return arrayData.find(data => data.path === pathname) || {};\r\n // }\r\n\r\n getHeaderIcon(number) {\r\n switch (number) {\r\n case \"1\":\r\n // 雕花\r\n return ;\r\n case \"2\":\r\n // 禮物盒\r\n return ;\r\n case \"3\":\r\n // 牛排\r\n return ;\r\n case \"4\":\r\n // 酒杯\r\n return ;\r\n default:\r\n // 雕花\r\n return null;\r\n }\r\n }\r\n\r\n render() {\r\n const settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n };\r\n \r\n const {\r\n langData,\r\n nodeData,\r\n menuData,\r\n location: {\r\n pathname,\r\n state,\r\n },\r\n footerData,\r\n } = this.props;\r\n const mainpPath = pathname.split(\"/\");\r\n if (!nodeData[`/${mainpPath[1]}`]) return null;\r\n const responseData = nodeData[`/${mainpPath[1]}`];\r\n if (!responseData) return null;\r\n const member = footerData.find(val => val.route === '/member');\r\n const reservations = menuData.find(val => val.route === '/reservations');\r\n return (\r\n {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n };\r\n }\r\n\r\n setLang(data) {\r\n const {\r\n location: {\r\n pathname,\r\n },\r\n match: {\r\n params: {\r\n mainId,\r\n subId,\r\n } \r\n },\r\n langData,\r\n changeLanguage,\r\n getMenu,\r\n getFooter,\r\n getAllNodes,\r\n clearData,\r\n history,\r\n } = this.props;\r\n if (langData.type !== data.type) {\r\n const mainpPath = pathname.split(\"/\");\r\n if(mainpPath[2]) {\r\n if(mainId && subId) {\r\n history.replace(`/${data.type}/${mainpPath[2]}/${mainId}/${subId}`);\r\n } else if (mainId && !subId) {\r\n history.replace(`/${data.type}/${mainpPath[2]}/${mainId}`);\r\n } else {\r\n history.replace(`/${data.type}/${mainpPath[2]}`);\r\n } \r\n } else {\r\n history.replace(`/${data.type}`);\r\n } \r\n changeLanguage(data);\r\n clearData();\r\n getMenu('');\r\n getAllNodes();\r\n getFooter(''); \r\n }\r\n }\r\n\r\n // componentDidUpdate(prevProps) {\r\n // const {\r\n // getMenu,\r\n // getFooter,\r\n // langData,\r\n // } = this.props;\r\n // if (prevProps.langData !== langData) {\r\n // getMenu('');\r\n // getFooter('');\r\n // }\r\n // }\r\n\r\n getHeaderIcon(number) {\r\n switch (number) {\r\n case \"1\":\r\n // 雕花\r\n return ;\r\n case \"2\":\r\n // 禮物盒\r\n return ;\r\n case \"3\":\r\n // 牛排\r\n return ;\r\n case \"4\":\r\n // 酒杯\r\n return ;\r\n default:\r\n // 雕花\r\n return null;\r\n }\r\n }\r\n\r\n render() {\r\n const settings = {\r\n dots: true,\r\n infinite: true,\r\n speed: 500,\r\n slidesToShow: 1,\r\n slidesToScroll: 1\r\n };\r\n const {\r\n langData,\r\n nodeData,\r\n location: {\r\n pathname,\r\n state,\r\n },\r\n footerData,\r\n } = this.props;\r\n const mainpPath = pathname.split(\"/\");\r\n if (!nodeData[`/${mainpPath[1]}`]) return null;\r\n const responseData = nodeData[`/${mainpPath[1]}`];\r\n if (!responseData) return null;\r\n const member = footerData.find(val => val.route === '/member');\r\n return (\r\n {\r\n // componentDidUpdate(preprops) {\r\n // const {\r\n // location: {\r\n // state,\r\n // pathname,\r\n // },\r\n // allNodes,\r\n // fetchNodeData,\r\n // nodeData,\r\n // langData,\r\n // menuData,\r\n // footerData,\r\n // } = this.props;\r\n // const mainpPath = pathname.split(\"/\");\r\n // if(!state) {\r\n // if(!nodeData['/reservations'] && allNodes.childNode) {\r\n // // const reservations = allNodes.childNode[0].childNode.find(val => val.route === '/reservations');\r\n // if((pathname === `/${langData.type}` || pathname === `/${langData.type}/`)) {\r\n // if(preprops.footerData !== footerData) {\r\n // if(!nodeData[`/${mainpPath[2]}`]) {\r\n // if(!allNodes.childNode) return null;\r\n // const thisNodeData = allNodes.childNode[0].childNode.find(val => val.route === `/${mainpPath[2]}`);\r\n // if(!thisNodeData) return null;\r\n // fetchNodeData(`/${thisNodeData.nodeId}`, thisNodeData.route);\r\n // } \r\n // } \r\n // } else {\r\n // if(preprops.footerData !== footerData) {\r\n // if(!nodeData[`/${mainpPath[2]}`]) {\r\n // if(!allNodes.childNode) return null;\r\n // const thisNodeData = allNodes.childNode[0].childNode.find(val => val.route === `/${mainpPath[2]}`);\r\n // console.log('111',preprops);\r\n // fetchNodeData(`/${thisNodeData.nodeId}`, thisNodeData.route);\r\n // } \r\n // } \r\n // }\r\n // }\r\n // } else { \r\n // if(menuData.length) {\r\n // const reservations = menuData.find(val => val.route === '/reservations');\r\n // if(!reservations) return null;\r\n // if(!nodeData['/reservations']) { \r\n // fetchNodeData(reservations.url, reservations.route);\r\n // }\r\n // }\r\n // } \r\n // }\r\n\r\n render() {\r\n const {\r\n footerData,\r\n langData,\r\n nodeData,\r\n location: {\r\n pathname,\r\n state,\r\n },\r\n } = this.props;\r\n\r\n const storeData = nodeData[\"/reservations\"] && nodeData[\"/reservations\"].datas;\r\n const mainpPath = pathname.split(\"/\");\r\n \r\n return (\r\n \r\n 
\r\n \r\n \r\n {storeData && storeData.map(val => (\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\nconst reduxHook = connect(\r\n state => ({\r\n langData: state.Content.lang,\r\n nodeData: state.Content.nodeData,\r\n footerData: state.Content.footerData,\r\n menuData: state.Content.menuData,\r\n footerStore: state.Content.footerStore,\r\n allNodes: state.Content.allNodes,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n);\r\n\r\nexport default compose(\r\n reduxHook,\r\n withRouter,\r\n)(Footer);","import React, { PureComponent } from 'react';\r\nimport styled, { css } from 'styled-components';\r\n\r\nconst StyleWarpper = styled.div`\r\n position: fixed;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n text-align: center;\r\n width: 80px;\r\n height: 80px;\r\n color: #5a5a5a;\r\n background-color: #fff;\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n text-transform: uppercase;\r\n font-weight: bolder;\r\n z-index: 1;\r\n right: 50px;\r\n padding: 0 5px;\r\n letter-spacing: .02em;\r\n bottom: -6.25rem;\r\n opacity: 0;\r\n transition: bottom .5s ease-out, opacity .5s ease-in;\r\n cursor: pointer;\r\n > i {\r\n width: 17px;\r\n height: 14px;\r\n margin: 10px auto 0;\r\n }\r\n ${props => props.visible && css`\r\n bottom: 0;\r\n opacity: 1;\r\n `}\r\n @media (max-width: 414px) {\r\n font-size: 12px;\r\n width: 65px;\r\n height: 60px;\r\n padding: 10px 5px;\r\n right: 10px;\r\n bottom: 10px;\r\n border-radius: 5px;\r\n }\r\n`;\r\n \r\nclass BackTopBtn extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n visible: false,\r\n };\r\n this.beforeScrollTop = 0;\r\n this.ShowBtnHeight = this.getShowBtnHeight();\r\n this.winScroll = this.winScroll.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n document.addEventListener('scroll', this.winScroll);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { pathname } = this.props;\r\n if (prevProps.pathname !== pathname) this.ShowBtnHeight = this.getShowBtnHeight();\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('scroll', this.winScroll);\r\n }\r\n\r\n winScroll() {\r\n const afterScrollTop = document.documentElement.scrollTop || document.body.scrollTop;\r\n const delta = afterScrollTop - this.beforeScrollTop;\r\n const { visible } = this.state;\r\n\r\n if (delta < 0 && afterScrollTop > this.ShowBtnHeight){\r\n if (!visible) this.setState({ visible: true });\r\n } else if (visible) this.setState({ visible: false });\r\n\r\n this.beforeScrollTop = afterScrollTop;\r\n }\r\n\r\n getShowBtnHeight() {\r\n const totalHeight = document.documentElement.offsetHeight || document.body.offsetHeight;\r\n const overHeight = totalHeight * 0.2;\r\n return (overHeight > 1000) ? 1000 : overHeight;\r\n }\r\n\r\n render() {\r\n const {\r\n visible,\r\n } = this.state;\r\n return (\r\n { window.scrollTo(0, 0); }}\r\n visible={visible}>\r\n GO TOP\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default (BackTopBtn);","import React, { PureComponent } from 'react';\r\nimport styled, { ThemeProvider } from 'styled-components';\r\nimport MetaTags from 'react-meta-tags';\r\nimport { Switch, Route } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport { withRouter } from 'react-router';\r\n\r\nimport * as indexAction from '../actions/index.js';\r\nimport Loading from '../conponents/Loading/loading';\r\nimport AboutUs from './AboutUs.jsx';\r\nimport FoodAndDrink from './FoodAndDrink.jsx';\r\nimport Food from './Food.jsx';\r\nimport Drinks from './Drinks.jsx';\r\nimport Lunch from './Lunch.jsx';\r\nimport HappyHour from './HappyHour.jsx';\r\nimport GiftCards from './GiftCards.jsx';\r\nimport PrivateEvents from './PrivateEvents.jsx';\r\nimport Promotions from './Promotions.jsx';\r\nimport PromotionDetail from './PromotionDetail.jsx';\r\nimport Member from './Member.jsx';\r\nimport Reservation from './Reservation.jsx';\r\nimport ContactUs from './ContactUs.jsx';\r\nimport FAQ from './FAQ.jsx';\r\nimport YourPrivacy from './YourPrivacy.jsx';\r\nimport FoodMenu1 from './FoodMenu1.jsx';\r\nimport HomeContent from './HomeContent.jsx';\r\nimport HomeContent2 from './HomeContent2.jsx';\r\nimport HomeContent3 from './HomeContent3.jsx';\r\nimport OnlineBooking from './OnlineBooking.jsx';\r\n\r\nimport NavList from '../conponents/NavList.jsx';\r\nimport NavList2 from '../conponents/NavList2.jsx';\r\nimport NavList3 from '../conponents/NavList3.jsx';\r\nimport Header from '../conponents/Header.jsx';\r\nimport Header2 from '../conponents/Header2.jsx';\r\nimport Header3 from '../conponents/Header3.jsx';\r\nimport Footer from '../conponents/shared/Footer.jsx';\r\nimport BackTopBtn from '../conponents/shared/BackTopBtn.jsx';\r\nimport APPCONFIG from '../config/config';\r\nimport { declaredPredicate } from '@babel/types';\r\n\r\nconst theme = {\r\n backgroundColor: '#f3f3eb',\r\n color: '#333',\r\n}\r\n\r\nconst StyleWarpper = styled.div`\r\n // font-family: 'Open Sans',serif;\r\n box-sizing: border-box;\r\n width: 100%;\r\n font-size: 16px;\r\n background-color: ${props => props.theme.backgroundColor};\r\n -webkit-font-smoothing: antialiased;\r\n @media (max-width: 1280px) {\r\n font-size: 16px;\r\n }\r\n`;\r\n\r\nconst StyleContent = styled.div`\r\n width: 100%;\r\n`;\r\n\r\n\r\nclass MainBoard extends PureComponent {\r\n componentDidMount() {\r\n const {\r\n location: {\r\n pathname,\r\n },\r\n getMenu,\r\n getFooter,\r\n getAllNodes,\r\n fetchNodeData,\r\n langData,\r\n history,\r\n changeLanguage,\r\n nodeData,\r\n } = this.props;\r\n const mainpPath = pathname.split(\"/\");\r\n document.body.scrollTop = 0; // For Safari\r\n document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera\r\n if(pathname.indexOf('/hk/') >= 0 || pathname.indexOf('/sg/') >= 0 || pathname.indexOf('/ph/') >= 0) {\r\n history.replace(`/${ APPCONFIG.langurage[0].type}`); // default to en-us\r\n } else if(pathname === '/') {\r\n if(langData) {\r\n history.replace(`/${ langData.type}`);\r\n } else {\r\n history.replace(`/${ APPCONFIG.langurage[0].type}`);\r\n }\r\n } else {\r\n const data = APPCONFIG.langurage.find(val => val.type === mainpPath[1]);\r\n if(data) {\r\n changeLanguage(data);\r\n } else {\r\n if(langData) {\r\n history.replace(`/${ langData.type}`);\r\n } else {\r\n history.replace(`/${ APPCONFIG.langurage[0].type}`);\r\n }\r\n } \r\n }\r\n getMenu('');\r\n getAllNodes();\r\n getFooter('');\r\n \r\n }\r\n\r\n componentDidUpdate(preprops) {\r\n const {\r\n location: {\r\n pathname,\r\n state,\r\n },\r\n getFoodDetailHtml,\r\n foodDetailHtmlData,\r\n nodeData,\r\n langData,\r\n fetchNodeData,\r\n menuData,\r\n footerData,\r\n allNodes,\r\n history,\r\n } = this.props;\r\n const mainpPath = pathname.split(\"/\");\r\n if(state) {\r\n if(footerData.length && menuData.length && allNodes.childNode) {\r\n const reservations = menuData.find(val => val.route === '/reservations'); \r\n if(nodeData[`/${mainpPath[2]}`]) {\r\n if(!nodeData['/reservations']) {\r\n fetchNodeData(reservations.url, reservations.route);\r\n }\r\n } else {\r\n const thisNodeData = menuData.find(val => val.route === `/${mainpPath[2]}`);\r\n const thatNodeData = footerData.find(val => val.route === `/${mainpPath[2]}`);\r\n const onlineBookingNodeData = menuData.find(val => val.route === `/${mainpPath[2]}`);\r\n if(thisNodeData) {\r\n fetchNodeData(thisNodeData.url, thisNodeData.route);\r\n } else if (thatNodeData) {\r\n fetchNodeData(thatNodeData.url, thatNodeData.route);\r\n } else if (onlineBookingNodeData) {\r\n fetchNodeData(onlineBookingNodeData.url, onlineBookingNodeData.route);\r\n } else {\r\n if(!allNodes.childNode) return null;\r\n const thisNodeData = allNodes.childNode[0].childNode.find(\r\n val => val.route === '/food-drink'\r\n );\r\n const mainNodeData = thisNodeData.childNode.find(val => val.route === `/${mainpPath[2]}`);\r\n fetchNodeData(`/${mainNodeData.nodeId}`, mainNodeData.route); \r\n }\r\n }\r\n }\r\n } else {\r\n if((pathname === `/${langData.type}` || pathname === `/${langData.type}/`)) {\r\n if(footerData.length && menuData.length && allNodes.childNode) {\r\n const reservations = menuData.find(val => val.route === '/reservations'); \r\n if(!nodeData[`/${mainpPath[1]}`]) {\r\n fetchNodeData('', `/${langData.type}`);\r\n } else {\r\n if(!nodeData['/reservations']) {\r\n fetchNodeData(reservations.url, reservations.route);\r\n }\r\n } \r\n }\r\n } else {\r\n if(footerData.length && menuData.length && allNodes.childNode) {\r\n const reservations = menuData.find(val => val.route === '/reservations'); \r\n const thisNodeData = menuData.find(val => val.route === `/${mainpPath[2]}`);\r\n const thatNodeData = footerData.find(val => val.route === `/${mainpPath[2]}`);\r\n if(!nodeData[`/${mainpPath[2]}`]) {\r\n if(thisNodeData) {\r\n fetchNodeData(thisNodeData.url, thisNodeData.route);\r\n } else if (thatNodeData) {\r\n fetchNodeData(thatNodeData.url, thatNodeData.route);\r\n } else {\r\n if(!allNodes.childNode) return null;\r\n const thisNodeData = allNodes.childNode[0].childNode.find(\r\n val => val.route === '/food-drink'\r\n );\r\n const mainNodeData = thisNodeData.childNode.find(val => val.route === `/${mainpPath[2]}`);\r\n if(mainNodeData) {\r\n fetchNodeData(`/${mainNodeData.nodeId}`, mainNodeData.route); \r\n } else {\r\n if(langData) {\r\n history.replace(`/${ langData.type}`);\r\n } else {\r\n history.replace(`/${ APPCONFIG.langurage[0].type}`);\r\n }\r\n } \r\n }\r\n } else {\r\n if(!nodeData['/reservations']) {\r\n fetchNodeData(reservations.url, reservations.route);\r\n }\r\n } \r\n }\r\n }\r\n } \r\n }\r\n\r\n home() {\r\n const {\r\n location: {\r\n pathname,\r\n },\r\n nodeData,\r\n langData,\r\n } = this.props;\r\n switch(nodeData[`/${langData.type}`] && nodeData[`/${langData.type}`].title) {\r\n case '1':\r\n return ;\r\n\r\n case '2':\r\n \r\n return ;\r\n case '3':\r\n \r\n return ;\r\n\r\n default:\r\n return;\r\n }\r\n }\r\n\r\n navList() {\r\n const {\r\n location: {\r\n pathname,\r\n },\r\n nodeData,\r\n langData,\r\n } = this.props;\r\n switch(nodeData[`/${langData.type}`] && nodeData[`/${langData.type}`].title) {\r\n case '1':\r\n return ;\r\n\r\n case '2':\r\n \r\n return ;\r\n case '3':\r\n \r\n return ;\r\n\r\n default:\r\n return;\r\n }\r\n }\r\n\r\n header() {\r\n const {\r\n location: {\r\n pathname,\r\n },\r\n nodeData,\r\n langData,\r\n } = this.props;\r\n switch(nodeData[`/${langData.type}`] && nodeData[`/${langData.type}`].title) {\r\n case '1':\r\n return ;\r\n\r\n case '2':\r\n \r\n return ;\r\n\r\n case '3':\r\n \r\n return ;\r\n\r\n default:\r\n return;\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n location: {\r\n pathname,\r\n },\r\n langData,\r\n } = this.props;\r\n const mainpPath = pathname.split(\"/\");\r\n const data = APPCONFIG.langurage.find(val => val.type === mainpPath[1]);\r\n return (\r\n \r\n \r\n \r\n {(pathname === `/${langData.type}` || pathname === `/${langData.type}/`) && this.navList()}\r\n \r\n \r\n \r\n \r\n \r\n {(pathname === `/${langData.type}` || pathname === `/${langData.type}/`) && this.header()}\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\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n menuData: state.Content.menuData,\r\n langData: state.Content.lang,\r\n footerData: state.Content.footerData,\r\n allNodes: state.Content.allNodes,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n);\r\nexport default reduxHook(withRouter(MainBoard));","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAYAQMAAADqNb6aAAAABlBMVEXz8uvFxL9mx/+AAAAAEElEQVQI12M4AIRoACGGCQBsMAMBelcaIQAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAYCAMAAAAF1QXXAAAAM1BMVEXz8uvFxL/x8OnR0cvo5+Hu7ebk49zV1M7KycTc29Xr6uTb2tTZ2NLNzMfLy8XCwb3f3th3eYJgAAAAcklEQVRIx+3OyQ3DQBADQfbMnrrs/KM1DOxLAYgfFfhny6SyyKS5AyZDVknKKeCQU4MmpwOqjGJwyqnALqcOmxbMhMHnv0UGFUbIqMNXRgXOkE9cUOQTCVM+kdDlUy7oIY+oLYF5++dZWSRbwMh90+vuBwnNA211dqpxAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAYCAMAAAAF1QXXAAAAM1BMVEXz8uvFxL/x8OnR0cvo5+Hu7ebk49zV1M7KycTc29Xr6uTb2tTZ2NLNzMfLy8XCwb3f3th3eYJgAAAAc0lEQVRIx+XVOQ7DQAxDUX5p1nhJ7n/awMCUrs3CDzqAChIUS5UJS5PVYMoqSVntEHJq7hBU2GV1MEJOGxQ5faDLAjOxfK8zkJYYUOX0gy6nONxFKHCGnCZkyKm7P4gOZ5FRTCBbDdmU5Fk3q7Dl4Dl6vT+e9QNtpjGM6gAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/private-event01.ae87a274.jpg\";","module.exports = __webpack_public_path__ + \"static/media/private-event02.2123b1b8.jpg\";","module.exports = __webpack_public_path__ + \"static/media/private-event03.573b6412.jpg\";","module.exports = __webpack_public_path__ + \"static/media/food-detail-01.1bd8d637.png\";","module.exports = __webpack_public_path__ + \"static/media/food-detail-02.7b41c5a2.jpg\";","module.exports = __webpack_public_path__ + \"static/media/feature_lobster.021c0983.jpg\";","module.exports = __webpack_public_path__ + \"static/media/feature_steak.cce8b858.jpg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/huneeus-small.8fe005a8.jpg\";","module.exports = __webpack_public_path__ + \"static/media/feature_faust.013df76d.jpg\";","module.exports = __webpack_public_path__ + \"static/media/stagsleaphero.beaea344.jpg\";","module.exports = __webpack_public_path__ + \"static/media/food06.f1ef3647.jpg\";","module.exports = __webpack_public_path__ + \"static/media/white_wine_feature.97ab65ab.jpg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABnElEQVRIibWWMUtcQRDHf+8u6bQRCZYHDyyChaS3MKXfQEnjlwiSL2FpmUa0utIqxfXWYiEE0l0MEgjIWYS7X4ob9XHZ3fcuxD8MD3Zm/rM7OzvzKpUCamAf2AXeAm9i/QdwDYyAc+BrlkFNSa0O1ZntmIVtneJKkR+qkw7Ei5iEbzHA0T8QL+IoF+CwxfFeHYXct9g+naSZ81JajtWVxmZWYi2HSXA+BRgWjE9MXF7IScFv+BigNl8tv9X1QoD1sElhpta9qPMqU8U3wF3hndyFTQoVsN+LR5TD64Kui80u6riQR808IJ+Lo4Qx6rTF6ELtJ8j7oSth2iWA6hd1u0G+HWttmFbqGNjokGuAn/Fd62j/vce8K3bF2hLkANevmLfc9wnlFDgFzoBvwCawFbor5uU5AA6AD0A/wTHKPbRf6k7iYnOyEz5NzNQ61yr2liB/lL0FjqFKL47yEXhoHO3dEnlO+TwEZ7Fdf1ZXO+x8NWyb+Ktd5wbOrfpJHSSIB6G7XfDJDpy2kTlWL0NS7aXTyPzvQ7/yhX9b/gD3qH/z7SCVSwAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/fleur-gray.faf24e3c.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAEBAMAAABrU5JsAAAAJFBMVEUAAABaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlonbicOAAAAC3RSTlMA7Dadliwkp4dCima7N/cAAAA0SURBVAjXY2BgVmBgUGZgYDBiYGAqANLdogxs0g4MHBsDGBK3IPhcMD7zBAYGdSBtCVYPAPv8CJDLbsrLAAAAAElFTkSuQmCC\"","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst reduxHook = connect(\r\n state => ({\r\n menuData: state.Content.menuData,\r\n langData: state.Content.lang,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n);\r\nexport default compose(\r\n withRouter,\r\n reduxHook,\r\n)(NavList3);","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\nimport { connect } from 'react-redux';\r\nimport ReactPlayer from 'react-player';\r\nimport {\r\n compose,\r\n bindActionCreators,\r\n} from 'redux';\r\nimport * as indexAction from '../actions/index.js';\r\nimport Slider from \"react-slick\";\r\nimport icon1 from '../static/icon1.svg';\r\nimport icon2 from '../static/icon2.svg';\r\nimport icon3 from '../static/icon3.svg';\r\nimport icon4 from '../static/icon4.svg';\r\nimport './../static/css/banner.css';\r\n\r\nconst StyleBanner = styled.div`\r\n position: relative;\r\n width: 100%;\r\n background-image: url('${props => props.imgUrl}');\r\n height: 700px;\r\n background-size: cover;\r\n background-position: center;\r\n @media (max-width: 1400px) {\r\n height: 550px;\r\n }\r\n @media (max-width: 768px) {\r\n height: 336px;\r\n }\r\n @media (max-width: 414px) {\r\n height: 200px;\r\n }\r\n`;\r\n// const StyleBanner = styled.div`\r\n// position: relative;\r\n// width: 100%;\r\n// `;\r\n\r\nconst StyleBannerImg = styled.img`\r\n width: 100%;\r\n`;\r\n\r\n\r\nclass Header extends Component\r\n {menuData.map(val => val.route !== '/reservations' ? (\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })}} \r\n to={{ pathname: `/${langData.type}${val.route}`, state: {...val} }}>\r\n {val.title}\r\n \r\n ) : null)}\r\n\r\n \r\n
\r\n \r\n {langData.bookingName}\r\n \r\n
\r\n {langData.bookingName}\r\n {\r\n this.setState({\r\n menuVisible: !menuVisible,\r\n })\r\n }}>\r\n
\r\n \r\n \r\n
\r\n \r\n {responseData.isVideo ?\r\n \r\n {responseData.banners.map(data => (\r\n \r\n :\r\n \r\n {responseData.banners.map(data => (\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\nconst reduxHook = connect(\r\n state => ({\r\n nodeData: state.Content.nodeData,\r\n menuData: state.Content.menuData,\r\n langData: state.Content.lang,\r\n getFoodDetailData: state.Content.getFoodDetailData,\r\n foodDetailUrl: state.Content.foodDetailUrl,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n );\r\n\r\nexport default compose(\r\n reduxHook,\r\n)(Header);","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\nimport Slider from \"react-slick\";\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport ReactPlayer from 'react-player';\r\nimport { Link } from 'react-router-dom';\r\nimport * as indexAction from '../actions/index.js';\r\nimport APPCONFIG from '../config/config.js';\r\nimport headerBanner from '../static/food09.jpg';\r\nimport bookingImg from '../static/home2-01.jpg';\r\nimport icon04 from '../static/icon04.svg';\r\nimport fb from '../static/fb-gray.svg';\r\nimport IG from '../static/IG-gray.svg';\r\nimport userCircleGray from '../static/user-circle-solid.svg';\r\nimport Logo from '../static/ruthschris_global_logo.png';\r\n\r\nimport icon1 from '../static/icon1.svg';\r\nimport icon2 from '../static/icon2.svg';\r\nimport icon3 from '../static/icon3.svg';\r\nimport icon4 from '../static/icon4.svg';\r\n\r\nimport './../static/css/banner.css';\r\n\r\nconst StyleBanner = styled.div`\r\n position: relative;\r\n width: 100%;\r\n background-image: url('${props => props.imgUrl}');\r\n height: 700px;\r\n background-size: cover;\r\n background-position: center;\r\n @media (max-width: 1400px) {\r\n height: 550px;\r\n }\r\n @media (max-width: 768px) {\r\n height: 336px;\r\n }\r\n @media (max-width: 414px) {\r\n height: 240px;\r\n }\r\n`;\r\n\r\nconst arrayData = [{\r\n path: '/home2',\r\n title: \"STAGS' LEAP WINE DINNER\",\r\n icon: icon04,\r\n description: 'Gather around our table. Let us take care of the rest.',\r\n img: [headerBanner, headerBanner],\r\n }, {\r\n path: '/',\r\n title: \"STAGS' LEAP WINE DINNER\",\r\n icon: icon04,\r\n description: 'Gather around our table. Let us take care of the rest.',\r\n img: [headerBanner, headerBanner],\r\n }\r\n]\r\n\r\nclass Header2 extends Component\r\n \r\n
\r\n ))}\r\n \r\n \r\n {this.getHeaderIcon(data.icon)}\r\n {data.title &&
\r\n {data.title}
}\r\n {data.summary && }\r\n \r\n {this.getHeaderIcon(data.icon)}\r\n {data.title &&
\r\n {/* {data.title}
}\r\n {data.summary && }\r\n \r\n {/* \r\n {responseData.map(data => (\r\n \r\n {responseData.map(data => (\r\n */}\r\n {responseData.isVideo ?\r\n \r\n {responseData.banners.map(data => (\r\n \r\n :\r\n \r\n {responseData.banners.map(data => (\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\nconst reduxHook = connect(\r\n state => ({\r\n langData: state.Content.lang,\r\n menuData: state.Content.menuData,\r\n nodeData: state.Content.nodeData,\r\n footerData: state.Content.footerData,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n);\r\nexport default reduxHook(Header2);","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\nimport Slider from \"react-slick\";\r\nimport { Link } from 'react-router-dom';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\nimport * as indexAction from '../actions/index.js';\r\nimport APPCONFIG from '../config/config.js';\r\nimport ReactPlayer from 'react-player';\r\n\r\nimport fb from '../static/fb-gray.svg';\r\nimport IG from '../static/IG-gray.svg';\r\nimport userGray from '../static/icon_account_hover-01.svg';\r\nimport Logo from '../static/ruthschris_global_logo.png';\r\n\r\nimport icon1 from '../static/icon1.svg';\r\nimport icon2 from '../static/icon2.svg';\r\nimport icon3 from '../static/icon3.svg';\r\nimport icon4 from '../static/icon4.svg';\r\n\r\nimport './../static/css/banner.css';\r\n\r\nconst StyleBanner = styled.div`\r\n position: relative;\r\n width: 100%;\r\n background-image: url('${props => props.imgUrl}');\r\n height: 700px;\r\n background-size: cover;\r\n background-position: center;\r\n @media (max-width: 1400px) {\r\n height: 550px;\r\n }\r\n @media (max-width: 768px) {\r\n height: 336px;\r\n }\r\n @media (max-width: 414px) {\r\n height: 200px;\r\n }\r\n`;\r\n\r\nclass Header3 extends Component\r\n {data.icon ? }`})
: null}\r\n
))}\r\n {data.title}
\r\n {data.summary}
\r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n {this.getHeaderIcon(data.icon)}\r\n {data.title &&
\r\n {data.title}
}\r\n {data.summary && }\r\n \r\n {this.getHeaderIcon(data.icon)}\r\n {data.title &&
\r\n {data.title}
}\r\n {data.summary && }\r\n \r\n \r\n {langData.bookingName}\r\n
\r\n \r\n 
\r\n 
\r\n 
\r\n {APPCONFIG.langurage.filter(data => data.type !== langData.type).map(data => (\r\n \r\n ))}\r\n
\r\n \r\n \r\n {/* \r\n {responseData.map(data => (\r\n \r\n {responseData.map(data => (\r\n */}\r\n {responseData.isVideo ?\r\n \r\n {responseData.banners.map(data => (\r\n \r\n :\r\n \r\n {responseData.banners.map(data => (\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\nconst reduxHook = connect(\r\n state => ({\r\n langData: state.Content.lang,\r\n nodeData: state.Content.nodeData,\r\n footerData: state.Content.footerData,\r\n }),\r\n dispatch => bindActionCreators({\r\n ...indexAction,\r\n }, dispatch),\r\n);\r\nexport default reduxHook(Header3);","import React, { PureComponent } from 'react';\r\nimport styled from 'styled-components';\r\nimport { Link } from 'react-router-dom';\r\nimport footerBorder from '../../static/footer-border.png';\r\nimport { bindActionCreators } from 'redux';\r\nimport { withRouter } from 'react-router';\r\nimport * as indexAction from '../../actions/index.js';\r\n\r\nimport fleurGray from '../../static/fleur-gray.svg';\r\nimport fb from '../../static/fb.svg';\r\nimport IG from '../../static/IG.svg';\r\nimport { compose } from 'redux';\r\nimport { connect } from 'react-redux';\r\n\r\nconst StyleWarpper = styled.div`\r\n width: 100%;\r\n font-family: 'Trade Gothic',\"Microsoft JhengHei\",\"微軟正黑體\";\r\n color: #f3f3eb;\r\n background-color: #5a5a5a;\r\n position: relative;\r\n padding: 30px 0;\r\n`;\r\n\r\nconst StyleFooterBorder = styled.div`\r\n display: flex;\r\n width: 100%;\r\n height: 3.125rem;\r\n top: -1.5625rem;\r\n left: 0;\r\n position: absolute;\r\n background-size: 390px 100%;\r\n background: url('${footerBorder}') 50% 0 no-repeat;\r\n z-index: 1;\r\n @media (max-width: 414px) {\r\n width: 90%;\r\n height: 25px;\r\n top: -24px;\r\n left: 50%;\r\n transform: translate(-50%, 0);\r\n background-size: cover;\r\n }\r\n`;\r\n\r\nconst StyleStoreWarp = styled.div`\r\n width: 1160px;\r\n display: flex;\r\n margin: 30px auto 20px;\r\n @media (max-width: 1366px) {\r\n width: 90%;\r\n }\r\n @media (max-width: 1023px) {\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n`;\r\n\r\nconst StyleStore = styled.div`\r\n width: 100%;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: .9rem;\r\n letter-spacing: 1px;\r\n > div {\r\n font-weight: 600;\r\n text-align: center;\r\n width: fit-content;\r\n margin: 0 auto 10px;\r\n } \r\n > div > p {\r\n word-break: break-all;\r\n text-align: start;\r\n }\r\n > div > p >a {\r\n color: #f3f3eb;\r\n }\r\n @media (max-width: 1023px) {\r\n width: 45%;\r\n }\r\n @media (max-width: 414px) {\r\n width: 100%;\r\n > div > p {\r\n letter-spacing: 0px;\r\n }\r\n }\r\n`;\r\n\r\nclass Footer extends PureComponent\r\n {data.icon ? : null}\r\n
))}\r\n {data.title}
\r\n {data.summary}
\r\n \r\n \r\n
\r\n ))}\r\n \r\n \r\n {this.getHeaderIcon(data.icon)}\r\n {data.title &&
\r\n {data.title}
}\r\n {data.summary && }\r\n \r\n {this.getHeaderIcon(data.icon)}\r\n {data.title &&
\r\n {data.title}
}\r\n {data.summary && }\r\n \r\n \r\n
*/}\r\n RESERVATIONS
\r\n \r\n 
\r\n \r\n \r\n {APPCONFIG.langurage.filter(data => data.type !== langData.type).map(data => (\r\n \r\n ))}\r\n
\r\n \r\n {langData.fb && }\r\n {langData.ig && }\r\n
\r\n {val.title}
\r\n \r\n 
*/}\r\n {val.subHtml.length > 0 ?\r\n */}\r\n
\r\n T : {val.html}
\r\n {/*E : {val.subHtml}
\r\n :\r\n \r\n }\r\n {/*