{"version":3,"sources":["images/Grandmasays2.jpg","component/Dropdown.js","component/Facebook.js","component/Navbar.js","component/Carousal.js","component/HeroSlider.js","component/RecipeLists.js","component/Pagination.jsx","component/ToggleText .js","component/GrandmaView.js","component/GranmaSays.js","component/StrapiProps.js","component/Post.js","component/Homepage.js","component/Disclosure.js","component/Footer.js","App.js","serviceWorker.js","index.js"],"names":["module","exports","Dropdown","Component","Navbar","props","useState","click","setClick","history","useHistory","console","log","closeMobileMenu","className","onClick","to","temp","onClicKRecipes","event","context","push","target","dataset","value","state","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","focusOnSelect","style","width","backgroundColor","cursor","this","FeaturedContent","recipe_infos","map","item","i","class","key","data-value","id","Image","src","process","Featuredimage","url","as","Title","options","RecipeLists","handleAddition","e","setState","prevState","text","handleChange","currentValues","SearchFlag","searchItem","length","forEach","element","Join_url","Url","CallbackURL","Post","imagePath","ReloadFetch","NavigateToPost","OnviewIngredient","eventTrigger","OnclickCategory","currentTarget","Count","CategoryParent","SubcategoryFalg","CategoryLabel","label","SubCategoryLabel","OnclickSubCategory","eve","SubcategoryUrl","RecipeItem","Subcategory","DefaultRecipe","CategoryMode","tempArray","SubcategoryItem","CheckExistingItem","fetch","then","response","status","Error","json","res","Recipe","val","j","includes","error","alert","classes","itemList","Category","SubcategoryValue","loadArray","products","undefined","product","Grid","xs","sm","md","borderRadius","Card","card","CardMedia","cardMedia","image","title","CardContent","cardContent","padding","Typography","gutterBottom","variant","component","align","Content","Fragment","TimelineItem","TimelineOppositeContent","Paper","elevation","paper2","background","Avatar","color","TimelineSeparator","TimelineDot","margin","borderStyle","height","TimelineConnector","secondaryTail","TimelineContent","ContentItem","Avator","Chip","size","avatar","toLowerCase","data-label","clickable","fontSize","fontWeight","Container","paddingBottom","MostFeaturedContent","paddingTop","cardGrid","maxWidth","container","spacing","textAlign","lineHeight","href","Topingredient","PerItem","M","FeatureImage","alt","IngredientName","placeholder","search","selection","fluid","multiple","allowAdditions","onAddItem","onChange","marginTop","marginBottom","Breadcrumb","Section","link","Divider","icon","withStyles","theme","root","flexGrow","paper","palette","secondary","marginRight","heroContent","heroButtons","display","flexDirection","footer","chip","withTheme","Pagination","pager","items","setPage","initialPage","prevProps","page","pageSize","totalPages","getPager","pageOfItems","slice","startIndex","endIndex","onChangePage","totalItems","currentPage","startPage","endPage","Math","ceil","min","pages","Array","keys","data-pagination","index","toString","toUpperCase","React","defaultProps","GrandView","PathUrl","SearchUrl","GrandmaItem","match","params","OnloadData","window","_mNHandle","queue","_mNDetails","loadTag","stackable","verticalAlign","Row","Column","floated","bordered","rounded","Header","source","Description","escapeHtml","renderers","children","GrandmaSays","GrandmaIngredient","GranmaSays","C_page","Current_Search","SelectionCount","current_Url","fetchData","GranmaSayPost","onChangeSearch","RandomQuerys","exampleItems","Ingredient","FirstSearch","Sort","RandomFirstId","RandomSecondid","readMore","original_Ingredients","bind","RandomQuery","nums","ranNums","floor","random","splice","Direct_Query","Promise","all","result","obj","Search_URL","Conway","PostItem","PostPath","Ingredients","Serving","ImageSource","StepsExplanation","StepsImage","Orignal_Ingredients","PreparationStep","author","Tips","ServingOnchange","ImageTemp","CookingSteps","PreparationSteps","authors","CurrentValue","initialArray","Ingredient_Cal","MetricConvert","Unit","Quantity","Type","toFixed","IngCal","Activepath","IngredientItem","prepationTime","PrepTime","split","CookingTime","CookTime","parseInt","Author","Item","Group","divided","circular","Name","Meta","Biography","Segment","vertical","columns","attached","inverted","type","step","textTransform","Explain","Explanation","centered","paddingLeft","PureComponent","Homepage","PostId","ContentTag","GranmaSaysPath","Outercontenturl","OuterContent","MostFeaturedUrl","Disclosure","rel","Footer","Link","Date","getFullYear","Nofound","App","path","exact","GrandmaView","Boolean","location","hostname","client","ApolloClient","uri","cache","InMemoryCache","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","registration","unregister","catch","message"],"mappings":"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","file":"static/js/main.7a389d00.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/Grandmasays2.3d44d2e3.jpg\";","import React, { useState } from 'react';\r\nimport { MenuItems } from './MenuItems';\r\nimport './Dropdown.css';\r\nimport { Link } from 'react-router-dom';\r\n\r\nfunction Dropdown() {\r\n  const [click, setClick] = useState(false);\r\n\r\n  const handleClick = () => setClick(!click);\r\n\r\n  return (\r\n    <>\r\n      <ul\r\n        onClick={handleClick}\r\n        className={click ? 'dropdown-menu clicked' : 'dropdown-menu'}\r\n      >\r\n        {MenuItems.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <Link\r\n                className={item.cName}\r\n                to={item.path}\r\n                onClick={() => setClick(false)}\r\n              >\r\n                {item.title}\r\n              </Link>\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default Dropdown;\r\n","import React,{Component} from 'react';\r\nimport FacebookLogin from 'react-facebook-login';\r\nimport Avatar from 'react-avatar';\r\n\r\nexport default class Facebook extends Component {\r\n  constructor(props) {\r\n    super(props)\r\n  this.state = {\r\n    isLoggedIn: false,\r\n    userID: \"\",\r\n    name: \"\",\r\n    email: \"\",\r\n    picture: \"\",\r\n    token:\"\"\r\n  };\r\n}\r\n\r\n  responseFacebook = response => {\r\n    console.log(response);\r\n        \r\n          this.setState({\r\n      isLoggedIn: true,\r\n      userID: response.userID,\r\n      name: response.name,\r\n      email: response.email,\r\n      picture: response.picture.data.url,\r\n      token: response.accessToken\r\n    });\r\n        \r\n   \r\n    \r\n  };\r\n\r\n  componentClicked = () =>{console.log(this.props)};\r\n\r\n  render() {\r\n    let fbContent;\r\n\r\n    if (this.state.isLoggedIn) {\r\n      const graphqlQuery={\r\n        query:`mutation register($email: String!, $username: String!, $password: String!) {\r\n        register(input: {email: $email, username: $username, password: $password}) {\r\n               user {id, username, email}, jwt\r\n      }\r\n      \r\n        }`,variables: {        \r\n          email: this.state.email,        \r\n          password: this.state.token,        \r\n          username: this.state.name      \r\n        }\r\n    };\r\n      fetch(`${process.env.REACT_APP_BACKEND_URL}/graphql`,{\r\n      method:'POST',\r\n      headers:{\r\n        'Content-Type':'application/json'\r\n      },\r\n      body:JSON.stringify(graphqlQuery)\r\n      }).then(res=>{\r\n        return res.json();\r\n      })\r\n      .then(res=>{\r\n        if(res.errors && res.errors[0].status===422){\r\n          throw new Error('user creation failed')\r\n        }\r\n        if(res.data==null && res.errors[0].extensions.exception.data.data[0].messages[0].id=='Auth.form.error.email.taken'){\r\n          console.log('ajax')\r\n          console.log(res.errors[0].extensions.exception.data.data[0].messages[0].id)\r\n        }\r\n      })\r\n\r\n\r\n\r\n\r\n\r\n\r\n      fbContent = (\r\n        <div className=\"profile-sidebar\">\r\n          <div className=\"profile-userpic\">\r\n             <Avatar size=\"50\" round={true} src={this.state.picture} />\r\n         </div>\r\n          <div className=\"profile-usertitle\">\r\n           <div class=\"profile-usertitle-job\">\r\n            {this.state.name}\r\n             </div>\r\n          </div></div>\r\n      );\r\n    } else {\r\n      fbContent = (\r\n        <FacebookLogin\r\n          appId=\"4776181475757848\"\r\n          autoLoad={false}\r\n          fields=\"name,email,picture\"\r\n          onClick={this.componentClicked}\r\n          callback={this.responseFacebook}\r\n          cssClass='btnFacebook'\r\n        />\r\n      );\r\n    }\r\n\r\n    return fbContent;\r\n  }\r\n}\r\n","import React, { useState ,useEffect } from 'react';\r\nimport { Button } from './Button';\r\nimport { Link } from 'react-router-dom';\r\nimport './Navbar.css';\r\nimport Dropdown from './Dropdown';\r\nimport FacebookLogin from './Facebook';\r\nimport Avatar from 'react-avatar';\r\nimport axios from 'axios';\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\n\r\nfunction Navbar(props) {\r\n  const [click, setClick] = useState(false);\r\n  let history = useHistory();\r\n  console.log(history)\r\n  // history.push('http://localhost:1337/connect/facebook')\r\n \r\n  const [dropdown, setDropdown] = useState(false);\r\n\r\n  const handleClick = () => setClick(!click);\r\n  const closeMobileMenu = () => setClick(false);\r\n\r\n\r\n  const onMouseEnter = () => {\r\n    console.log(window.innerWidth);\r\n    // if (window.innerWidth < 960) {\r\n    //   setDropdown(false);\r\n    // } else {\r\n      setDropdown(true);\r\n    // }\r\n  };\r\n\r\n  const onMouseLeave = () => {\r\n    // if (window.innerWidth < 960) {\r\n      setDropdown(false);\r\n    // } else {\r\n    //   setDropdown(false);\r\n    // }\r\n  };\r\n\r\n  \r\n  \r\n  \r\n  return (\r\n    <>\r\n    <h1 className=\"LogoStyle\">Sapaadu</h1>\r\n                    <h2 className=\"Logobelow\">Food is the best medicine</h2>\r\n      <nav className='navbar'>\r\n\r\n        {/* <Link to='/' className='navbar-logo' onClick={closeMobileMenu}>\r\n          EPIC\r\n          <i class='fab fa-firstdraft' />\r\n        </Link> */}\r\n        <div className='menu-icon' onClick={handleClick}>\r\n          <i className={click ? 'fas fa-times' : 'fas fa-bars'} />\r\n        </div>\r\n        <ul className={click ? 'nav-menu active' : 'nav-menu'}>\r\n          <li className='nav-item'>\r\n            <Link to='/' className='nav-links' onClick={closeMobileMenu}>\r\n              Homepage\r\n            </Link>\r\n          </li>\r\n          {/* <li\r\n            className='nav-item'\r\n            onMouseEnter={onMouseEnter}\r\n            onMouseLeave={onMouseLeave}\r\n          >\r\n            <Link\r\n              to='/services'\r\n              className='nav-links'\r\n              onClick={closeMobileMenu}\r\n            >\r\n              Recipes <i className='fas fa-caret-down' />\r\n            </Link>\r\n            {console.log(dropdown)}\r\n            {dropdown && <Dropdown />}\r\n          </li> */}\r\n          <li className='nav-item'>\r\n            <Link\r\n              to='/Grandma-Says'\r\n              className='nav-links'\r\n              onClick={closeMobileMenu}\r\n            >\r\n             Grandma Says\r\n            </Link>\r\n          </li>\r\n          {/* <li className='nav-item'>\r\n            <Link\r\n              to='/contact-us'\r\n              className='nav-links'\r\n              onClick={closeMobileMenu}\r\n            >\r\n              Contact Us\r\n            </Link>\r\n          </li> */}\r\n          {/* <li>\r\n            <Link\r\n              to='/sign-up'\r\n              className='nav-links-mobile'\r\n              onClick={closeMobileMenu}\r\n            >\r\n              Sign Up\r\n            </Link>\r\n          </li> */}\r\n        </ul>\r\n    {/* <FacebookLogin/> */}\r\n    {console.log(props)}\r\n\r\n      </nav>\r\n    </>\r\n  );\r\n} \r\n\r\nexport default Navbar;\r\n","import React, { Component } from 'react';\r\nimport Slider from 'react-animated-slider';\r\nimport 'react-animated-slider/build/horizontal.css';\r\nimport { Image } from 'semantic-ui-react'\r\nexport default class CustomSlider extends Component {\r\n    OnclickImage=(event)=>{\r\n        console.log('xc',this.props.context);\r\n        const { history } = this.props.context;\r\n        if (history) history.push(`/Grandma-Says`);\r\n    }\r\n  render() {\r\n    // const settings =  {\r\n       \r\n        \r\n    //   };\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        autoplay:true,\r\n        \r\n        previousButton: '',\r\n        nextButton: '',\r\n      };\r\n    \r\n    \r\n    return (\r\n      <div>\r\n        <Slider autoplay={3000} { ...settings }>\r\n\t{/* {this.props.Ingredient.map((item, index) => (\r\n\t\t<div\r\n\t\t\tkey={index}\r\n\t\t\tstyle={{ background: `url('${this.props.path+item.FeatureImage.formats.small.url}') no-repeat center center`,cursor:'pointer' }}\r\n\t\t onClick={this.OnclickImage} data-value={item.IngredientName}>\r\n\t\t\t<div className=\"Ingredientcenter\">\r\n\t\t\t</div>\r\n    </div>\r\n    \r\n\r\n\r\n\t))} */}\r\n   {this.props.Ingredient.map((item, index) => (\r\n    <div onClick={this.OnclickImage}> <Image\r\n                src={this.props.path+item.FeatureImage.formats.small.url}\r\n                as='a'\r\n                size=\"large\"\r\n                className=\"Ingredientimage\"\r\n              /></div>\r\n    \r\n\r\n\r\n\t))}\r\n</Slider>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n// import React, { Component } from 'react';\r\n// import Carousel from \"react-multi-carousel\";\r\n// import \"react-multi-carousel/lib/styles.css\";\r\n// import { Image } from 'semantic-ui-react'\r\n// const responsive = {\r\n//   desktop: {\r\n//     breakpoint: { max: 3000, min: 1024 },\r\n//     items: 4,\r\n//     slidesToSlide: 1 // optional, default to 1.\r\n//   },\r\n//   tablet: {\r\n//     breakpoint: { max: 1024, min: 464 },\r\n//     items: 4,\r\n//     slidesToSlide: 1 // optional, default to 1.\r\n//   },\r\n//   mobile: {\r\n//     breakpoint: { max: 464, min: 0 },\r\n//     items: 4,\r\n//     slidesToSlide: 1 // optional, default to 1.\r\n//   }\r\n// };\r\n// class Carousal extends Component {\r\n//   constructor(props) {\r\n//     super(props);\r\n//     this.state = {  }\r\n//   }\r\n//   OnclickImage=(event)=>{\r\n//             console.log('xc',this.props.context);\r\n//             const { history } = this.props.context;\r\n//             if (history) history.push(`/Grandma-Says`);\r\n//         }\r\n//   render() { \r\n//     return (  <Carousel\r\n//       swipeable={true}\r\n//       draggable={true}\r\n//       showDots={false}\r\n//       arrows={false} \r\n//       fade={true}\r\n//       responsive={responsive}\r\n//       ssr={true} // means to render carousel on server-side.\r\n//       infinite={true}\r\n//       autoPlay={this.props.deviceType !== \"mobile\" ? true : false}\r\n//       autoPlaySpeed={500}\r\n//       // speed={8000}\r\n//       keyBoardControl={true}\r\n//       customTransition=\"all .5\"\r\n//       transitionDuration={500}\r\n//       containerClass=\"carousel-container\"\r\n//       removeArrowOnDeviceType={[\"tablet\", \"mobile\"]}\r\n//       deviceType={this.props.deviceType}\r\n//       dotListClass=\"custom-dot-list-style\"\r\n//       itemClass=\"carousel-item-padding-40-px\"\r\n//       cssEase='linear'\r\n//       className=\"carousel_item\"\r\n//     >\r\n//       {this.props.Ingredient.map((item, index) => (\r\n//     <div onClick={this.OnclickImage}> <Image\r\n//                 src={this.props.path+item.FeatureImage.formats.small.url}\r\n//                 as='a'\r\n//                 size=\"medium\"\r\n//                 className=\"Ingredientimage\"\r\n//               /></div>\r\n    \r\n\r\n\r\n// \t))}\r\n//     </Carousel>);\r\n//   }\r\n// }\r\n \r\n// export default Carousal;\r\n","import React, { Component } from \"react\";\r\nimport Slider from \"react-slick\";\r\n// import \"~slick-carousel/slick/slick.css\"; \r\n// import \"~slick-carousel/slick/slick-theme.css\";\r\nimport { Image } from 'semantic-ui-react'\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nexport default class temp extends Component {\r\n\r\n    constructor(props) {\r\n      super(props);\r\n      this.state = {  }\r\n      \r\n    }\r\n    onClicKRecipes=(event)=>{\r\n      {console.log(this.props.context)}\r\n      const history = this.props.context.history\r\n        if (history) history.push(`/recipe-infos/${event.target.dataset.value}`)\r\n    }\r\n   \r\n \r\n  render() {\r\n    const settings = {\r\n      dots: true,\r\n      infinite: true,\r\n      speed: 1000,\r\n      slidesToShow: 1,\r\n      slidesToScroll: 1,\r\n      autoplay: true,\r\n      focusOnSelect: false,\r\n    };\r\n    return (\r\n      <div style={{ width: '100%', backgroundColor: '#eff4f7',cursor:'pointer' }}>\r\n\r\n        <Slider {...settings}>\r\n\r\n        {this.props.FeaturedContent!=null?this.props.FeaturedContent.recipe_infos.map((item,i)=> <div>\r\n         \r\n            <div class=\"thumbnail\" key={i}>\r\n              <div className='slide-overlay' onClick={this.onClicKRecipes} data-value={item.id}></div>\r\n              <Image\r\n                src={ `${process.env.REACT_APP_BACKEND_URL}`+item.Featuredimage.url}\r\n                as='a'\r\n                onClick={this.onClicKRecipes} data-value={item.id}\r\n                className=\"sliderimage\"\r\n              />\r\n              <div className=\"caption\" onClick={this.onClicKRecipes} data-value={item.id}>\r\n                <h1 className=\"RecipeTittle\" onClick={this.onClicKRecipes} data-value={item.id}>\r\n                  {item.Title}\r\n                                </h1>\r\n                {/* <time className=\"entry-date\" datetime=\"2016-01-21T11:03:56+00:00\" key={i}>January 21, 2016</time> */}\r\n                <div className=\"slide_button\"> <a onClick={this.onClicKRecipes} data-value={item.id}>Read More</a></div>\r\n              </div>\r\n            </div>\r\n          </div>):\"\"}\r\n\r\n\r\n\r\n          {/* <div>\r\n            <div class=\"thumbnail\">\r\n              <div className='slide-overlay'></div>\r\n              <Image\r\n                src='https://media.istockphoto.com/photos/bulgur-with-chicken-green-peas-and-carrot-on-wooden-background-picture-id1197427171'\r\n                as='a'\r\n                className=\"sliderimage\"\r\n              />\r\n              <div class=\"caption\">\r\n                <h1 className=\"RecipeTittle\">\r\n                  Chicken Briyani\r\n                                </h1>\r\n                <time class=\"entry-date\" datetime=\"2016-01-21T11:03:56+00:00\">January 21, 2016</time>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div class=\"thumbnail\">\r\n              <div className='slide-overlay'></div>\r\n              <Image\r\n                src='https://media.istockphoto.com/photos/gujia-in-plate-with-holi-color-in-bowl-picture-id482704064'\r\n                as='a'\r\n                className=\"sliderimage\"\r\n              />\r\n              <div class=\"caption\">\r\n              <h1 className=\"RecipeTittle\">\r\n                  Green Squash Curry (Suraikkai Kootu)\r\n          </h1>\r\n                <time class=\"entry-date\" datetime=\"2016-01-21T11:03:56+00:00\">January 21, 2016</time>\r\n              </div>\r\n            </div>\r\n          </div> */}\r\n\r\n        </Slider>\r\n      </div>\r\n    );\r\n  }\r\n}","import React, { Component } from 'react'\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport CardMedia from '@material-ui/core/CardMedia';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\nimport { Dropdown } from 'semantic-ui-react'\r\nimport Chip from '@material-ui/core/Chip';\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport Carousal from './Carousal'\r\nimport HeroSlider from './HeroSlider';\r\nimport Timeline from '@material-ui/lab/Timeline';\r\nimport TimelineItem from '@material-ui/lab/TimelineItem';\r\nimport TimelineSeparator from '@material-ui/lab/TimelineSeparator';\r\nimport TimelineConnector from '@material-ui/lab/TimelineConnector';\r\nimport TimelineContent from '@material-ui/lab/TimelineContent';\r\nimport TimelineOppositeContent from '@material-ui/lab/TimelineOppositeContent';\r\nimport TimelineDot from '@material-ui/lab/TimelineDot';\r\nimport FastfoodIcon from '@material-ui/icons/Fastfood';\r\nimport LaptopMacIcon from '@material-ui/icons/LaptopMac';\r\nimport HotelIcon from '@material-ui/icons/Hotel';\r\nimport RepeatIcon from '@material-ui/icons/Repeat';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport GrandmaSayBackground from '../images/Grandmasays2.jpg'\r\nimport { Breadcrumb } from 'semantic-ui-react'\r\nimport ReactMarkdown from 'react-markdown'\r\nimport { Segment,} from 'semantic-ui-react'\r\n\r\nconst styles = theme => ({\r\n    root: {\r\n        flexGrow: 1,\r\n    },\r\n    paper: {\r\n        padding: theme.spacing(2),\r\n        textAlign: 'center',\r\n        color: theme.palette.text.secondary,\r\n    },\r\n    icon: {\r\n        marginRight: theme.spacing(2),\r\n    },\r\n    heroContent: {\r\n        backgroundColor: theme.palette.background.paper,\r\n        padding: theme.spacing(8, 0, 6),\r\n    },\r\n    heroButtons: {\r\n        marginTop: theme.spacing(4),\r\n    },\r\n    cardGrid: {\r\n        paddingTop: theme.spacing(8),\r\n        paddingBottom: theme.spacing(8),\r\n    },\r\n    card: {\r\n        height: '100%',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n    },\r\n    cardMedia: {\r\n        paddingTop: '56.25%',\r\n    },\r\n    cardContent: {\r\n        flexGrow: 1,\r\n        cursor: 'pointer'\r\n    },\r\n    footer: {\r\n        backgroundColor: theme.palette.background.paper,\r\n        padding: theme.spacing(6),\r\n    },\r\n    chip: {\r\n        padding: \"20px\"\r\n    },\r\n    paper2: {\r\n        padding: '3px 4px',\r\n        textAlign: 'center',\r\n        cursor: 'pointer'\r\n    },\r\n    secondaryTail: {\r\n        backgroundColor: '#ff7e05',\r\n    },\r\n});\r\nconst options = []\r\nclass RecipeLists extends Component {\r\n    constructor() {\r\n        super()\r\n        this.state = {\r\n            CategoryParent: null,\r\n            RecipeItem: [],\r\n            Count: 1,\r\n            Subcategory: [],\r\n            SubcategoryFalg: 0,\r\n            SubcategoryUrl: '?Subcategory_contains=',\r\n            Join_url: '&Title_contains=',\r\n            Url: '/recipe-infos?Title_contains=',\r\n            CallbackURL: '/recipe-infos',\r\n            options,\r\n            DefaultRecipe: [],\r\n            SearchFlag: 0,\r\n            CategoryMode: 1,\r\n            CategoryLabel: null,\r\n            SubCategoryLabel: null\r\n        }\r\n    }\r\n    handleAddition = (e, { value }) => {\r\n        this.setState((prevState) => ({\r\n            options: [{ text: value, value }, ...prevState.options],\r\n        }))\r\n    }\r\n    handleChange = (e, { value }) => {\r\n        this.setState({\r\n            currentValues: value,\r\n            SearchFlag: 1\r\n        })\r\n        let searchItem = '';\r\n        console.log(value);\r\n        if (value.length > 0) {\r\n            value.forEach((element, i) => {\r\n                if (i > 0) {\r\n                    searchItem += this.state.Join_url + element\r\n                } else {\r\n                    searchItem += this.state.Url + element\r\n                }\r\n            });\r\n        } else {\r\n            searchItem = this.state.CallbackURL\r\n        }\r\n        console.log('bnm', this.props.Post.imagePath + searchItem)\r\n        this.ReloadFetch(this.props.Post.imagePath + searchItem)\r\n    }\r\n    ReloadFetch(url) {\r\n        let tempArray = [];\r\n        let SubcategoryItem = [];\r\n        let CheckExistingItem = [];\r\n        try {\r\n            fetch(url)\r\n                .then(function (response) {\r\n                    if (response.status >= 400) {\r\n                        throw new Error(\"Bad response from server\");\r\n                    }\r\n                    return response.json();\r\n                })\r\n                .then((res) => {\r\n                    if (this.state.SearchFlag == 1) {\r\n                        console.log('search', res)\r\n                        res.forEach(Recipe => {\r\n                            tempArray.push(Recipe)\r\n                        });\r\n                    } else {\r\n                        if (this.state.SubcategoryFalg) {\r\n                            res.forEach(element => {\r\n                                element.recipe_infos.forEach((val, j) => {\r\n                                    console.log('res1', val);\r\n                                    tempArray.push(val)\r\n                                });\r\n                            });\r\n                        } else {\r\n                            res.forEach((element, i) => {\r\n                                console.log('res2', element.Subcategory)\r\n                                SubcategoryItem.push(element)\r\n                                element.recipe_infos.forEach((val, j) => {\r\n                                    console.log('res21', val);\r\n                                    if (!CheckExistingItem.includes(val.id)) {\r\n                                        CheckExistingItem.push(val.id)\r\n                                        tempArray.push(val)\r\n                                    }\r\n                                });\r\n                            });\r\n                            this.setState({\r\n                                Subcategory: SubcategoryItem\r\n                            })\r\n                        }\r\n                    }\r\n                    this.setState({\r\n                        RecipeItem: tempArray,\r\n                    })\r\n                    console.log('asdf', this.state.RecipeItem)\r\n                    console.log('asdf', CheckExistingItem)\r\n                });\r\n        } catch (error) {\r\n            alert(\"Something Went Wrong\");\r\n            console.log(error);\r\n        }\r\n    }\r\n    NavigateToPost = (event) => {\r\n        console.log(event.target.dataset.value)\r\n        const { history } = this.props.context;\r\n        if (history) history.push(`/recipe-infos/${event.target.dataset.value}`);\r\n    }\r\n    OnviewIngredient = (eventTrigger) => {\r\n        const { history } = this.props.context;\r\n        if (history) history.push(`/Grandma-Says`);\r\n    }\r\n    OnclickCategory = (e) => {\r\n        console.log(e.currentTarget.dataset.value)\r\n        this.setState({\r\n            Count: 0,\r\n            CategoryParent: e.currentTarget.dataset.value,\r\n            SubcategoryFalg: 0,\r\n            SearchFlag: 0,\r\n            CategoryLabel: e.currentTarget.dataset.label,\r\n            SubCategoryLabel: null\r\n        })\r\n        console.log(this.props.Post.imagePath + '/' + e.currentTarget.dataset.value)\r\n        this.ReloadFetch(this.props.Post.imagePath + '/' + e.currentTarget.dataset.value)\r\n    }\r\n    OnclickSubCategory = (eve) => {\r\n        this.setState({\r\n            SubcategoryFalg: 1,\r\n            SearchFlag: 0,\r\n            SubCategoryLabel: eve.currentTarget.dataset.value\r\n        })\r\n        console.log(this.props.Post.imagePath + \"/\" + this.state.CategoryParent + this.state.SubcategoryUrl + eve.currentTarget.dataset.value)\r\n        this.ReloadFetch(this.props.Post.imagePath + \"/\" + this.state.CategoryParent + this.state.SubcategoryUrl + eve.currentTarget.dataset.value + '&_limit=1');\r\n    }\r\n    render() {\r\n        const { classes } = this.props;\r\n        const { history } = this.props.context;\r\n        const { currentValues } = this.state\r\n        console.log('current', currentValues)\r\n        let loadArray = []\r\n        if (this.state.Count) {\r\n            loadArray['Product'] = this.props.Post.products;\r\n        } else {\r\n            loadArray['Product'] = this.state.RecipeItem\r\n            loadArray['Subcategory'] = this.state.Subcategory;\r\n        }\r\n        if (this.state.SearchFlag) {\r\n            loadArray['Product'] = this.state.RecipeItem\r\n        }\r\n        console.log(loadArray)\r\n        let itemList;\r\n        let Category;\r\n        let SubcategoryValue;\r\n        if (loadArray['Product'] == undefined) {\r\n            console.log(\"empty\")\r\n        } else {\r\n            console.log(\"non-empty\")\r\n            console.log(loadArray)\r\n            itemList = loadArray['Product'].map((product, i) => {\r\n                return (<Grid item key={i} xs={12} sm={6} md={4} style={{ borderRadius: '0px' }}>\r\n                    <Card className={classes.card} style={{ borderRadius: '0px' }} >\r\n                        <CardMedia\r\n                            className={classes.cardMedia, 'post_thumb_withbg'}\r\n                            image={product.Featuredimage != null ? this.props.Post.imagePath + product.Featuredimage.url : \"https://react.semantic-ui.com/images/wireframe/square-image.png\"}\r\n                            title={product.Title}\r\n                        >\r\n                            <a className='post_thumb' onClick={this.NavigateToPost} data-value={product.id}></a></CardMedia>\r\n                        <CardContent className={classes.cardContent, 'ReceipeItem'} style={{ padding: '10px' }} >\r\n                            <Typography gutterBottom variant=\"h5\" component=\"h2\" align='center' onClick={this.NavigateToPost} data-value={product.id} >\r\n                                {product.Title}\r\n                            </Typography>\r\n                            {/* <Typography> */}\r\n                            {/* {product.SmallDescription} */}\r\n                            {/* </Typography>   */}\r\n                        </CardContent>\r\n                        {/* <CardActions> */}\r\n                        {/* <Typography component=\"h5\" variant=\"h5\" align=\"center\" color=\"textPrimary\" gutterBottom>\r\n            </Typography> */}\r\n                        {/* <Grid item xs={12}> */}\r\n                        {/* <Rating name={\"half-rating\"+i} defaultValue={2.5} precision={0.5} /> */}\r\n                        {/* </Grid> */}\r\n                        {/* </CardActions> */}\r\n                    </Card>\r\n                </Grid>)\r\n            })\r\n            if (loadArray['Subcategory'] != null) {\r\n                SubcategoryValue = loadArray['Subcategory'].map((Content, i) => {\r\n                    console.log(Content)\r\n                    return (\r\n                        <React.Fragment>\r\n                            {/* <Chip\r\n                            variant=\"outlined\"\r\n                            size=\"medium\"\r\n                            data-value={Content}\r\n                            label={Content}\r\n                            clickable\r\n                           style={{margin:'10px'}}\r\n                            onClick={this.OnclickSubCategory}\r\n                        /> */}\r\n                            {i % 2 == 0 ? <TimelineItem>\r\n                                <TimelineOppositeContent>\r\n                                    <Paper elevation={3} className={classes.paper2} data-value={Content.Subcategory} onClick={this.OnclickSubCategory}>\r\n                                        <Typography variant=\"h6\" component=\"h1\" data-value={Content.Subcategory} onClick={this.OnclickSubCategory} className='with-overlay div-side smooth-offset-box-shadow ' style={{ background: `linear-gradient(rgba(0,0,0, 0.5), rgba(0,0,0,0.5)),url('${Content.Avatar != null ? this.props.Post.imagePath + Content.Avatar.url : \"https://react.semantic-ui.com/images/wireframe/square-image.png\"}') no-repeat center center`, color: \"white\" }}>\r\n                                            {Content.Subcategory}\r\n                                        </Typography>\r\n                                    </Paper>\r\n                                </TimelineOppositeContent>\r\n                                <TimelineSeparator>\r\n                                    <TimelineDot style={{ margin: '2px', backgroundColor: 'white', borderStyle: 'none' }}>\r\n                                        <Avatar src={Content.Avatar != null ? this.props.Post.imagePath + Content.Avatar.url : \"https://react.semantic-ui.com/images/wireframe/square-image.png\"} style={{ width: '20px', height: '20px' }}  ></Avatar>\r\n                                    </TimelineDot>\r\n                                    {loadArray['Subcategory'].length - 1 != i ? <TimelineConnector className={classes.secondaryTail} /> : \"\"}\r\n                                </TimelineSeparator>\r\n                                <TimelineContent>\r\n                                </TimelineContent>\r\n                            </TimelineItem> : <TimelineItem>\r\n                                    <TimelineOppositeContent>\r\n                                    </TimelineOppositeContent>\r\n                                    <TimelineSeparator>\r\n                                        <TimelineDot style={{ margin: '2px', backgroundColor: 'white', borderStyle: 'none' }}>\r\n                                            <Avatar src={Content.Avatar != null ? this.props.Post.imagePath + Content.Avatar.url : \"https://react.semantic-ui.com/images/wireframe/square-image.png\"} style={{ width: '20px', height: '20px', }} ></Avatar>\r\n                                        </TimelineDot>\r\n                                        {loadArray['Subcategory'].length - 1 != i ? <TimelineConnector className={classes.secondaryTail} /> : \"\"}\r\n                                    </TimelineSeparator>\r\n                                    <TimelineContent>\r\n                                        <Paper elevation={3} className={classes.paper2} data-value={Content.Subcategory} onClick={this.OnclickSubCategory}>\r\n                                            <Typography variant=\"h6\" component=\"h1\" data-value={Content.Subcategory} onClick={this.OnclickSubCategory} className='with-overlay div-side smooth-offset-box-shadow ' style={{ background: `linear-gradient(rgba(0,0,0, 0.5), rgba(0,0,0,0.5)),url('${Content.Avatar != null ? this.props.Post.imagePath + Content.Avatar.url : \"https://react.semantic-ui.com/images/wireframe/square-image.png\"}') no-repeat center center`, color: \"white\" }}>\r\n                                                {Content.Subcategory}\r\n                                            </Typography>\r\n                                        </Paper>\r\n                                    </TimelineContent>\r\n                                </TimelineItem>}\r\n                        </React.Fragment>\r\n                    )\r\n                });\r\n            }\r\n        }\r\n        console.log(this.props);\r\n        if (this.props.Post.ContentItem != undefined) {\r\n            Category = this.props.Post.ContentItem.map((Content, i) => {\r\n                console.log(Content.Avator)\r\n                return (\r\n                    <Chip\r\n                        variant=\"outlined\"\r\n                        size=\"medium\"\r\n                        avatar={<Avatar src={Content.Avator != null ? this.props.Post.imagePath + Content.Avator.url : \"\"} />}\r\n                        label={Content.Category}\r\n                        value={Content.Category.toLowerCase() + 's'}\r\n                        data-value={Content.Category.toLowerCase() + 's'}\r\n                        data-label={Content.Category}\r\n                        clickable\r\n                        style={{ margin: '10px', fontSize: '13px', fontWeight: '600' }}\r\n                        onClick={this.OnclickCategory}\r\n                    />\r\n                )\r\n            });\r\n        } else {\r\n            console.log(\"empty\")\r\n        }\r\n        // let InfiniteArray=[];\r\n        // for(var i=0;i<4;i++){\r\n        //     if(this.props.Post.Topingredient!=null)\r\n        //     this.props.Post.Topingredient.forEach(element => {\r\n        //         InfiniteArray.push(element)\r\n        //     });\r\n        // }\r\n       \r\n       \r\n            \r\n        return (\r\n            <React.Fragment>\r\n                <main>\r\n                    <Container style={{ paddingBottom: '20px' }}>\r\n                        <HeroSlider FeaturedContent={this.props.Post.MostFeaturedContent != null ? this.props.Post.MostFeaturedContent[0] : null} context={this.props.context} />\r\n                    </Container>\r\n                    <Container style={{ paddingTop: '20px' }}>\r\n                        <Container className={classes.cardGrid} maxWidth=\"lg\" style={{ padding:'0' }}>\r\n                            <Grid item xs={12} className='DividerCommon'>\r\n                                <Grid container spacing={3} className='DividerCommon'>\r\n                                    <Grid item xs={12} sm={12} className='DividerCommon main' >\r\n                                        <div class=\"hero\">\r\n                                            <h1>Grandma Says</h1>\r\n                                            <p style={{ fontSize: '1.33em', textAlign: 'center', lineHeight: '2.5' }} className=\"main-heading-secondary \">\"Grandma Says\" is our new space on <a  className='CommonColor'> SAPAADU.COM </a> ,dedicated to all the wise \"foody\" advice received from our parents, grandparents, great-grandparents, and all our ancestors. </p>\r\n                                            <div className=\"grandmaslide_button\"> <a href=\"/Grandma-Says\">Read More</a></div>\r\n                                        </div>\r\n                                    </Grid>\r\n                                    {/* <Grid item xs={12} sm={12} className=\"sliderControl\" > */}\r\n                                    {/* <Carousal Ingredient={this.props.Post.Topingredient} path={this.props.Post.imagePath} context={this.props.context} /> */}\r\n                                    {/* </Grid> */}\r\n                                </Grid>\r\n                            </Grid>\r\n                        </Container>\r\n                    </Container>\r\n                    <Container className={classes.cardGrid,'CustompaddingSlider'} maxWidth=\"lg\" >\r\n                        <Grid container >\r\n                            <logo-slider onClick={()=>history.push(`/Grandma-Says`)}>\r\n                                <div>\r\n                                    {this.props.Post.Topingredient != null ? this.props.Post.Topingredient.map((PerItem, M) => <React.Fragment><div className=\"Slidecontainer\"><img src={this.props.Post.imagePath + PerItem.FeatureImage.url} alt={PerItem.IngredientName} /><span className='centeredText'>{PerItem.IngredientName}</span></div></React.Fragment>) : \"\"}\r\n                                </div>\r\n                                <div>\r\n                                    {this.props.Post.Topingredient != null ? this.props.Post.Topingredient.map((PerItem, M) => <React.Fragment><div className=\"Slidecontainer\"><img src={this.props.Post.imagePath + PerItem.FeatureImage.url} alt={PerItem.IngredientName} /><span className='centeredText'>{PerItem.IngredientName}</span></div></React.Fragment>) : \"\"}\r\n                                </div>\r\n                                <div>\r\n                                    {this.props.Post.Topingredient != null ? this.props.Post.Topingredient.map((PerItem, M) => <React.Fragment><div className=\"Slidecontainer\"><img src={this.props.Post.imagePath + PerItem.FeatureImage.url} alt={PerItem.IngredientName} /><span className='centeredText'>{PerItem.IngredientName}</span></div></React.Fragment>) : \"\"}\r\n                                </div>\r\n                            </logo-slider>\r\n                        </Grid>\r\n                    </Container>\r\n                    <Container className={classes.cardGrid} maxWidth=\"md\" style={{paddingTop:'0'}}>\r\n                       \r\n                        <Grid item xs={12}>\r\n                        <div id=\"211085901\"></div>\r\n                            <Typography component=\"h5\" variant=\"h5\" align=\"left\" color=\"textPrimary\" gutterBottom>\r\n                                Search Recipes\r\n            </Typography>\r\n                            <Dropdown\r\n                                options={this.state.options}\r\n                                placeholder='Briyani,Curd Rice,etc....'\r\n                                search\r\n                                selection\r\n                                fluid\r\n                                multiple\r\n                                allowAdditions\r\n                                value={currentValues}\r\n                                onAddItem={this.handleAddition}\r\n                                onChange={this.handleChange}\r\n                                className='CustomSearch'\r\n                            />\r\n                        </Grid>\r\n                        <Grid item xs={12} >\r\n                            <Grid container spacing={3}>\r\n                                <Grid item xs={12} style={{ textAlign: 'center' }}>\r\n                                    {/* <Typography component=\"h6\" variant=\"h6\" align=\"center\" color=\"textPrimary\" gutterBottom>\r\n                                        CATEGORY\r\n            </Typography> */}\r\n                                    <h2 style={{ textAlign: 'center', width: '100%', marginTop: \"20px\" }}>Category</h2>\r\n                                    {Category}\r\n                                </Grid>\r\n                            </Grid>\r\n                        </Grid>\r\n                        <Grid item xs={12} >\r\n                            <Grid container spacing={3}>\r\n                                <Grid item xs={3}>\r\n                                </Grid>\r\n                                <Grid item xs={12} sm={6} style={{ paddingBottom: '20px' }}>\r\n                                    {/* <Typography component=\"h6\" variant=\"h6\" align=\"center\" color=\"textPrimary\" gutterBottom>\r\n                                        TAGS\r\n            </Typography> */}\r\n                                    <h2 style={{ textAlign: 'center', width: '100%', marginTop: \"20px\" }}>{this.state.CategoryLabel}</h2>\r\n                                    {SubcategoryValue}\r\n                                </Grid>\r\n                                <Grid item xs={3}>\r\n                                </Grid>\r\n                            </Grid>\r\n                        </Grid>\r\n                    </Container>\r\n                    <Container className={classes.cardGrid} maxWidth=\"lg\" style={{ paddingTop: '2px' }}>\r\n                        <Grid xs={12} sm={12} style={{ marginBottom: \"30px\" }}>\r\n                            <Breadcrumb>\r\n                                <Breadcrumb.Section link><a href='/'>Home</a></Breadcrumb.Section>\r\n                                <Breadcrumb.Divider icon='right angle' />\r\n                                <Breadcrumb.Section link><a onClick={this.OnclickCategory} data-value={this.state.CategoryParent} data-label={this.state.CategoryLabel}>{this.state.CategoryLabel}</a></Breadcrumb.Section>\r\n                                {this.state.SubCategoryLabel != null ? <React.Fragment><Breadcrumb.Divider icon='right angle' />\r\n                                    <Breadcrumb.Section link><a onClick={this.OnclickSubCategory} data-value={this.state.SubCategoryLabel}>{this.state.SubCategoryLabel}</a></Breadcrumb.Section></React.Fragment> : \"\"}\r\n                            </Breadcrumb>\r\n                        </Grid>\r\n                        <Grid container spacing={5}>\r\n                            {itemList}\r\n                        </Grid>\r\n                        <Grid item xs={12} >\r\n                        </Grid>\r\n                    </Container>\r\n                </main>\r\n            </React.Fragment>\r\n        );\r\n    }\r\n}\r\nexport default withStyles(styles, { withTheme: true })(RecipeLists);","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst propTypes = {\r\n    items: PropTypes.array.isRequired,\r\n    onChangePage: PropTypes.func.isRequired,\r\n    initialPage: PropTypes.number,\r\n    pageSize: PropTypes.number\r\n}\r\n\r\nconst defaultProps = {\r\n    initialPage: 1,\r\n    pageSize: 10\r\n}\r\n\r\nclass Pagination extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = { pager: {} };\r\n    }\r\n\r\n    componentWillMount() {\r\n        // set page if items array isn't empty\r\n        if (this.props.items && this.props.items.length) {\r\n            this.setPage(this.props.initialPage);\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(prevProps, prevState) {\r\n        // reset page if items array has changed\r\n        if (this.props.items !== prevProps.items) {\r\n            this.setPage(this.props.initialPage);\r\n        }\r\n    }\r\n\r\n    setPage(page) {\r\n        var { items, pageSize } = this.props;\r\n        console.log(this.state.pager)\r\n        var pager = this.state.pager;\r\n\r\n        if (page < 1 || page > pager.totalPages) {\r\n            return;\r\n        }\r\n\r\n        // get new pager object for specified page\r\n        pager = this.getPager(items.length, page, pageSize);\r\n\r\n        // get new page of items from items array\r\n        var pageOfItems = items.slice(pager.startIndex, pager.endIndex + 1);\r\n\r\n        // update state\r\n        this.setState({ pager: pager });\r\n\r\n        // call change page function in parent component\r\n        this.props.onChangePage(pageOfItems);\r\n    }\r\n\r\n    getPager(totalItems, currentPage, pageSize) {\r\n        // default to first page\r\n        currentPage = currentPage || 1;\r\n\r\n        // default page size is 10\r\n        pageSize = pageSize || 10;\r\n\r\n        // calculate total pages\r\n        var totalPages = Math.ceil(totalItems / pageSize);\r\n    \r\n\r\n        var startPage, endPage;\r\n        if (totalPages <= 10) {\r\n            // less than 10 total pages so show all\r\n            startPage = 1;\r\n            endPage = totalPages;\r\n        } else {\r\n            // more than 10 total pages so calculate start and end pages\r\n            if (currentPage <= 6) {\r\n                startPage = 1;\r\n                endPage = 10;\r\n            } else if (currentPage + 4 >= totalPages) {\r\n                startPage = totalPages - 9;\r\n                endPage = totalPages;\r\n            } else {\r\n                startPage = currentPage - 5;\r\n                endPage = currentPage + 4;\r\n            }\r\n        }\r\n\r\n        // calculate start and end item indexes\r\n        var startIndex = (currentPage - 1) * pageSize;\r\n        var endIndex = Math.min(startIndex + pageSize - 1, totalItems - 1);\r\n       \r\n        \r\n\r\n        // create an array of pages to ng-repeat in the pager control\r\n      \r\n        var pages = [...Array((endPage + 1) - startPage).keys()].map(i => startPage + i);\r\n\r\n        // return object with all pager properties required by the view\r\n        return {\r\n            totalItems: totalItems,\r\n            currentPage: currentPage,\r\n            pageSize: pageSize,\r\n            totalPages: totalPages,\r\n            startPage: startPage,\r\n            endPage: endPage,\r\n            startIndex: startIndex,\r\n            endIndex: endIndex,\r\n            pages: pages\r\n        };\r\n    }\r\n\r\n    render() {\r\n        var pager = this.state.pager;\r\n\r\n        if (!pager.pages || pager.pages.length <= 1) {\r\n            // don't display pager if there is only 1 page\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <nav  data-pagination>\r\n            <ul>\r\n                <li className={pager.currentPage === 1 ? 'disabled' : ''}>\r\n                    <a onClick={() => this.setPage(1)}>FIRST</a>\r\n                </li>\r\n                <li className={pager.currentPage === 1 ? 'disabled' : ''}>\r\n                    <a onClick={() => this.setPage(pager.currentPage - 1)}>&#10527;</a>\r\n                </li>\r\n                {pager.pages.map((page, index) =>\r\n                    <li key={index} className={pager.currentPage === page ? 'active' : ''}>\r\n                        <a onClick={() => this.setPage(page)}>{(page + 9).toString(36).toUpperCase()}</a>\r\n                    </li>\r\n                )}\r\n                <li className={pager.currentPage === pager.totalPages ? 'disabled' : ''}>\r\n                    <a onClick={() => this.setPage(pager.currentPage + 1)}>&#10528;</a>\r\n                </li>\r\n                <li className={pager.currentPage === pager.totalPages ? 'disabled' : ''}>\r\n                    <a onClick={() => this.setPage(pager.totalPages)}>LAST</a>\r\n                </li>\r\n            </ul>\r\n            </nav>\r\n        );\r\n    }\r\n}\r\n\r\nPagination.propTypes = propTypes;\r\nPagination.defaultProps = defaultProps;\r\nexport default Pagination;\r\n","import React, { Component } from 'react'\r\n\r\nclass ToggleText extends React.Component {\r\n    constructor (props){\r\n      super(props);\r\n      this.state={\r\n        readMore: false,\r\n      }\r\n    }\r\n    \r\n    handleReadMoreClick() {\r\n      this.setState({ readMore: !this.state.readMore })\r\n    }\r\n    \r\n    render(){\r\n      return (\r\n         \r\n        <span key={this.props.id}>\r\n             {console.log(this.props)}\r\n      <div className={this.state.readMore ? \"read-more\" : \"read-less\"}><span>{this.props.Description}</span>{this.props.GranmaSays!=null?this.props.GranmaSays.map((step,i)=><p><span className='Readmore_text'>{i+1}.</span>{step.GramaIngredient}</p>):\"\"}</div>\r\n          <p onClick={() => { this.handleReadMoreClick(this.props.id) }}>\r\n            <a className='Readmore_text'> { this.state.readMore ? 'Show less' : 'Continue reading' }</a   > \r\n          </p>\r\n        </span>\r\n      )\r\n    }\r\n  }\r\nexport default ToggleText;","import React, { Component } from 'react'\r\nimport { Button, Container, Grid, Header, Image, Item, Menu, Segment, Step, Table } from 'semantic-ui-react'\r\nimport { Breadcrumb } from 'semantic-ui-react'\r\nimport ReactMarkdown from 'react-markdown'\r\nconst style = {\r\n    h1: {\r\n        marginTop: '3em',\r\n    },\r\n    h2: {\r\n        margin: '4em 0em 2em',\r\n    },\r\n    h3: {\r\n        marginTop: '2em',\r\n        padding: '2em 0em',\r\n    },\r\n    last: {\r\n        marginBottom: '300px',\r\n    },\r\n}\r\nfunction LinkRenderer(props) {\r\n    return <a href={props.href} rel=\"noopener\" target=\"_blank\">{props.children}</a>\r\n  }\r\nclass GrandView extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            PathUrl: `${process.env.REACT_APP_BACKEND_URL}`,\r\n            SearchUrl: 'grama-says?IngredientName_eq=',\r\n            GrandmaItem: []\r\n        }\r\n\r\n    }\r\n    componentDidMount() {\r\n        console.log('asd', this.state.PathUrl + '/' + this.state.SearchUrl + this.props.match.params.id)\r\n        this.OnloadData(this.state.PathUrl + '/' + this.state.SearchUrl + this.props.match.params.id)\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"864068883\", \"970x250\", \"864068883\"); }) } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"211085901\", \"970x90\", \"211085901\"); }); } catch (error) {}\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"575518156\", \"728x90\", \"575518156\"); }); } catch (error) {}\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"199144025\", \"320x50\", \"199144025\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"108569473\", \"300x600\", \"108569473\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"759031059\", \"300x50\", \"759031059\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"828944828\", \"160x600\", \"828944828\"); }); } catch (error) {} \r\n    }\r\n    OnloadData(url) {\r\n        try {\r\n            fetch(url)\r\n                .then(function (response) {\r\n                    if (response.status >= 400) {\r\n                        throw new Error(\"Bad response from server\");\r\n                    }\r\n                    return response.json();\r\n                })\r\n                .then((res) => {\r\n                    console.log(res)\r\n                    this.setState({\r\n                        GrandmaItem: res[0]\r\n                    })\r\n                });\r\n        } catch (error) {\r\n            alert(\"Something Went Wrong\");\r\n            console.log(error);\r\n        }\r\n    }\r\n    \r\n    render() {\r\n        console.log(this.state.GrandmaItem)\r\n        return (<React.Fragment>\r\n            <main>\r\n                <Container  maxWidth=\"md\">\r\n                    \r\n            <Grid container stackable verticalAlign='middle'>\r\n                <Breadcrumb>\r\n                    <Breadcrumb.Section link><a href='/'>Home</a></Breadcrumb.Section>\r\n                    <Breadcrumb.Divider icon='right angle' />\r\n                    <Breadcrumb.Section link><a href='/Grandma-Says'>GrandmaSays</a></Breadcrumb.Section>\r\n                    <Breadcrumb.Divider icon='right angle' />\r\n                    <Breadcrumb.Section link>{this.props.match.params.id}</Breadcrumb.Section>\r\n                </Breadcrumb>\r\n                <h2 style={{textAlign:'center',width:'100%',marginTop:\"20px\"}}>{this.props.match.params.id}</h2>\r\n                <Grid.Row>\r\n                            <Grid.Column floated='right' width={8} >\r\n                                <Image bordered rounded size='large' src={this.state.GrandmaItem.FeatureImage != null ? this.state.PathUrl + this.state.GrandmaItem.FeatureImage.url : \"https://react.semantic-ui.com/images/wireframe/square-image.png\"} />\r\n                            </Grid.Column>\r\n                            <Grid.Column width={8} >\r\n                                <Header as='h3' style={{ fontSize: '2em' }}>\r\n\r\n                                </Header>\r\n                                <p style={{ fontSize: '1.33em' }}>\r\n                                <ReactMarkdown source={this.state.GrandmaItem.Description} escapeHtml={false}  renderers={{link: props => <a  target=\"_blank\" href={props.href}> {props.children}</a >}}/>\r\n                                </p>\r\n                            </Grid.Column>\r\n                        </Grid.Row>\r\n                        \r\n                        <Grid.Row>\r\n                            <Grid.Column>\r\n        {this.state.GrandmaItem.GrandmaSays!=null? this.state.GrandmaItem.GrandmaSays.map((item)=><p style={{ fontSize: '1.20em' }}><ReactMarkdown source={item.GrandmaIngredient} escapeHtml={false} renderers={{link: props => <a href={props.href} target=\"_blank\">{props.children}</a>}}/></p>):\"\"}\r\n                            {/* <p style={{ fontSize: '1.33em' }}>\r\n                                    {this.state.GrandmaItem.Description}\r\n                                </p>\r\n                                <p style={{ fontSize: '1.33em' }}>\r\n                                    {this.state.GrandmaItem.Description}\r\n                                </p> */}\r\n                                </Grid.Column>\r\n                                </Grid.Row>\r\n            </Grid> <div id=\"864068883\"></div></Container></main></React.Fragment>);\r\n    }\r\n}\r\n\r\nexport default GrandView;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import React, { Component } from 'react'\r\n// import { Container, Col, Row, Card, CardBody, CardTitle, Input  } from 'reactstrap';\r\nimport Pagination from './Pagination';\r\nimport ReadMoreAndLess from 'react-read-more-less';\r\nimport ToggleText from './ToggleText '\r\nimport Button from '@material-ui/core/Button';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardActions from '@material-ui/core/CardActions';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport CardMedia from '@material-ui/core/CardMedia';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Container from '@material-ui/core/Container';\r\nimport Link from '@material-ui/core/Link';\r\nimport { Dropdown } from 'semantic-ui-react'\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { Breadcrumb } from 'semantic-ui-react';\r\nimport ReactMarkdown from 'react-markdown'\r\n\r\n// import classes from '*.module.css';\r\nimport GrandmaView from './GrandmaView'\r\n\r\n\r\n\r\nconst styles = theme => ({\r\n    icon: {\r\n        marginRight: theme.spacing(2),\r\n    },\r\n    heroContent: {\r\n        backgroundColor: theme.palette.background.paper,\r\n        padding: theme.spacing(8, 0, 6),\r\n    },\r\n    heroButtons: {\r\n        marginTop: theme.spacing(4),\r\n    },\r\n    cardGrid: {\r\n        paddingTop: theme.spacing(8),\r\n        paddingBottom: theme.spacing(8),\r\n    },\r\n    card: {\r\n        height: '100%',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n    },\r\n    cardMedia: {\r\n        paddingTop: '56.25%', // 16:9\r\n    },\r\n    cardContent: {\r\n        flexGrow: 1,\r\n    },\r\n    cardGrid: {\r\n        paddingTop: theme.spacing(8),\r\n        paddingBottom: theme.spacing(8),\r\n    },\r\n    footer: {\r\n        backgroundColor: theme.palette.background.paper,\r\n        padding: theme.spacing(6),\r\n    }, paper: {\r\n        padding: theme.spacing(2),\r\n        textAlign: 'center',\r\n        color: theme.palette.text.secondary,\r\n    }\r\n});\r\nclass GranmaSays extends Component {\r\n    constructor() {\r\n        super()\r\n        var exampleItems = [...Array(260).keys()].map(i => i);\r\n        this.state = {\r\n            SearchUrl: `${process.env.REACT_APP_BACKEND_URL}`,\r\n            Ingredient: [],\r\n            exampleItems: exampleItems,\r\n            pageOfItems: [],\r\n            Current_Search: \"A\",\r\n            Url: '/grama-says?IngredientName_containss=',\r\n            FirstSearch: '/grama-says?',\r\n            Sort: '&_sort=IngredientName:ASC',\r\n            Join_url: '&IngredientName_containss=',\r\n            RandomFirstId: 'id_in=',\r\n            RandomSecondid: '&id_in=',\r\n            readMore: false,\r\n            SearchFlag: 1,\r\n            original_Ingredients: [],\r\n            SelectionCount: 0,\r\n            RandomQuerys:null\r\n        }\r\n        this.onChangePage = this.onChangePage.bind(this);\r\n        this.handleChange = this.handleChange.bind(this);\r\n\r\n\r\n    }\r\n\r\n    componentDidMount() {\r\n        let RandomQuery = '';\r\n        var nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],\r\n            ranNums = [],\r\n            i = nums.length,\r\n            j = 0;\r\n\r\n        while (i--) {\r\n            j = Math.floor(Math.random() * (i + 1));\r\n            ranNums.push(nums[j]);\r\n            if (ranNums.length > 1) {\r\n                RandomQuery += this.state.RandomSecondid + nums[j]\r\n            } else {\r\n                RandomQuery = this.state.RandomFirstId + nums[j]\r\n            }\r\n            nums.splice(j, 1);\r\n\r\n        }\r\n        let Direct_Query = this.state.SearchUrl + this.state.FirstSearch + RandomQuery\r\n        console.log(Direct_Query)\r\n        \r\n\r\n        this.fetchData(Direct_Query)\r\n        Promise.all([\r\n            fetch(this.state.SearchUrl + '/grama-says').then(res => res.json()),\r\n\r\n        ]).then(result => {\r\n            var temp = [];\r\n            result[0].forEach(element => {\r\n                var obj = {}; obj = { key: element.IngredientName, text: element.IngredientName, value: element.IngredientName }\r\n                temp.push(obj)\r\n            });\r\n            this.setState({\r\n                original_Ingredients: temp,\r\n                RandomQuerys: this.state.FirstSearch + RandomQuery\r\n            })\r\n        });\r\n\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"864068883\", \"970x250\", \"864068883\"); }) } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"211085901\", \"970x90\", \"211085901\"); }); } catch (error) {}\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"575518156\", \"728x90\", \"575518156\"); }); } catch (error) {}\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"199144025\", \"320x50\", \"199144025\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"108569473\", \"300x600\", \"108569473\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"759031059\", \"300x50\", \"759031059\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"828944828\", \"160x600\", \"828944828\"); }); } catch (error) {} \r\n\r\n    }\r\n\r\n    onChangePage = (event) => {\r\n        console.log((event[0] / 10) + 1)\r\n        let page = ((event[0] / 10) + 1)\r\n        let C_page = ((page + 9).toString(36).toUpperCase());\r\n        this.setState({ Current_Search: C_page, SearchFlag: 1, SelectionCount: this.state.SelectionCount + 1 });\r\n        let current_Url = this.state.SearchUrl + this.state.Url + C_page;\r\n        this.fetchData(current_Url)\r\n    }\r\n    fetchData(Search_URL) {\r\n        console.log(Search_URL)\r\n        let Conway = [];\r\n        try {\r\n            fetch(Search_URL)\r\n                .then(function (response) {\r\n                    if (response.status >= 400) {\r\n                        throw new Error(\"Bad response from server\");\r\n                    }\r\n                    return response.json();\r\n                })\r\n                .then((res) => {\r\n                    console.log(res)\r\n\r\n\r\n\r\n                    console.log('com', this.state.SearchFlag)\r\n                    if (this.state.SearchFlag == 1 && this.state.SelectionCount > 1) {\r\n                        res.map((item) => {\r\n                            // alert('come1')\r\n                            if (item.IngredientName[0] == this.state.Current_Search) {\r\n                                Conway.push(item)\r\n                            }\r\n                        })\r\n                    } else {\r\n                        res.map((items) => {\r\n                            Conway.push(items)\r\n                        })\r\n                    }\r\n\r\n\r\n                    console.log('dsa', Conway)\r\n                    this.setState({\r\n                        Ingredient: Conway\r\n                    })\r\n                });\r\n        } catch (error) {\r\n            alert(\"Something Went Wrong\");\r\n            console.log(error);\r\n        }\r\n    }\r\n    GranmaSayPost = (event) => {\r\n        const history = this.props.history\r\n        console.log(history)\r\n        if (history) history.push(`/GrandmaSays/${event.target.dataset.value}`)\r\n    }\r\n    onChangeSearch = (e) => {\r\n\r\n        console.log('ji');\r\n\r\n    }\r\n    handleChange = (e, { value }) => {\r\n        this.setState({\r\n            SearchFlag: 0\r\n        })\r\n        let searchItem = '';\r\n        if(value.length>0){\r\n            value.forEach((element, i) => {\r\n            \r\n\r\n                if (i > 0) {\r\n                    searchItem += this.state.Join_url + element\r\n                } else {\r\n                    searchItem += this.state.Url + element\r\n                }\r\n    \r\n            });\r\n        }else{\r\n            searchItem=this.state.RandomQuerys\r\n        }\r\n       \r\n        console.log(searchItem)\r\n        console.log(this.state.SearchUrl)\r\n        this.fetchData(this.state.SearchUrl + searchItem)\r\n\r\n    }\r\n\r\n\r\n    render() {\r\n        console.log(this.state.original_Ingredients)\r\n        const { classes } = this.props;\r\n        let itemList;\r\n\r\n        if (this.state.Ingredient == undefined) {\r\n            console.log(\"empty\")\r\n        } else {\r\n            console.log(\"non-empty\")\r\n            itemList = this.state.Ingredient.map((item, i) => {\r\n                return (<Grid item key={i} xs={12} sm={6} md={4}>\r\n                    <Card className={classes.card}>\r\n                        {item.FeatureImage != null ? <CardMedia\r\n                            className={classes.cardMedia, 'post_thumb_withbg'}\r\n                            image={this.state.SearchUrl + item.FeatureImage.url}\r\n                            title= {item.IngredientName}\r\n                        > <a className='post_thumb' onClick={this.GranmaSayPost} data-value={item.IngredientName}></a></CardMedia> : \"\"}\r\n\r\n                        <CardContent className={classes.cardContent,'ReceipeItem'} style={{ padding: '10px' }}>\r\n                            <Typography gutterBottom variant=\"h5\" component=\"h2\" align='center' className=\"Anchor\" onClick={this.GranmaSayPost} data-value={item.IngredientName} >\r\n                                {item.IngredientName}\r\n                            </Typography>\r\n                            {/* <Typography>\r\n                                This is a media card. You can use this section to describe the content.\r\n                                </Typography> */}\r\n                            {/* <ToggleText {...item} /> */}\r\n\r\n                        </CardContent>\r\n                        {/* <CardActions> */}\r\n                        {/* <Button size=\"small\" color=\"primary\">\r\n                                View\r\n                                </Button>\r\n                            <Button size=\"small\" color=\"primary\">\r\n                                Edit\r\n                                </Button> */}\r\n                        {/* </CardActions> */}\r\n                    </Card>\r\n                </Grid>)\r\n\r\n            })\r\n\r\n        }\r\n\r\n        return (\r\n            <React.Fragment>\r\n                <main>\r\n                    <Container className={classes.cardGrid} maxWidth=\"md\">\r\n                        <Grid item xs={12}>\r\n                        <Breadcrumb>\r\n    <Breadcrumb.Section link><a href='/'>Home</a></Breadcrumb.Section>\r\n    <Breadcrumb.Divider icon='right angle' />\r\n    <Breadcrumb.Section link>GrandmaSays</Breadcrumb.Section>\r\n   \r\n   \r\n  </Breadcrumb>\r\n                            <Grid item xs={12}>\r\n                                <p></p>\r\n                                <p style={{ fontSize: '1.33em' }}>\"Grandma Says\" is our new space on <a > SAPAADU.COM, </a> dedicated to all the wise \"foody\" advice received from our parents, grandparents, great-grandparents, and all our ancestors. </p>\r\n                                <p style={{ fontSize: '1.33em' }}>There is indeed no limit to the wisdom of our ancestors, without whom we have no identity, culture, or customs. It is believed that our ancestors in India lead a life with deeper meaning and purpose. They tailored their day to day habits as well as positioned every meal, food item, or ingredient with a greater goal of leading a healthy life. Many such said or unsaid customs continue to protect our health today. Our ancestors possessed deep knowledge and a superior understanding of various medicinal abilities that certain food products possess. Even though most of these are beyond our knowledge or research abilities to understand or prove, we see that in our day to day life \"food as a medicine\" has cured some common illnesses. To believe them or not is up to the individual. </p>\r\n                                <p style={{ fontSize: '1.33em' }}>In honor of our ancestors and their knowledge, we are dedicating this segment \"Grandma Says\" to all those beliefs our ancestors carried. We are going to list down some of these abilities of Indian foods, as well as ingredients here. This knowledge is mostly common knowledge that is carried on through generations, and we are just trying to do our part to preserve and share these with everyone interested.</p>\r\n                                <p style={{ fontSize: '1.33em' }}>Check out our <a href=\"/Disclosure\">disclosure & disclaimer </a> before proceeding ahead. Hope you read that. Good!, now that we got that out of the way, we are excited to fill this space with some interesting info. Keep an eye on this space or sign up for our email newsletter to stay in the loop. </p>\r\n\r\n\r\n\r\n                            </Grid>\r\n                            <Grid item xs>\r\n                            </Grid>\r\n                        </Grid>\r\n                        <div id=\"211085901\"></div>\r\n                    </Container>\r\n                    <Grid container spacing={3}>\r\n                        <Grid item xs>\r\n\r\n                        </Grid>\r\n                        <Grid item xs={10} sm={6}>\r\n                            <Dropdown\r\n                                placeholder='Check what Grandma Says!'\r\n                                fluid\r\n                                multiple\r\n                                search\r\n                                selection\r\n                                options={this.state.original_Ingredients}\r\n                                onChange={this.handleChange}\r\n\r\n                            />\r\n                        </Grid>\r\n                        <Grid item xs>\r\n                        </Grid>\r\n                    </Grid>\r\n\r\n                    {/* <Input onChange={this.onChangeSearch} placeholder='Search Ingredients'/> */}\r\n                    <Grid container spacing={3}>\r\n                        <Grid item xs={12}>\r\n                        <Pagination items={this.state.exampleItems} onChangePage={this.onChangePage} />\r\n\r\n                        </Grid></Grid>\r\n                    <Container className={classes.cardGrid} maxWidth=\"md\">\r\n                        {/* End hero unit */}\r\n                        <Grid container spacing={4}>\r\n                            {itemList}\r\n                        </Grid>\r\n                    </Container>\r\n\r\n                </main>\r\n\r\n            </React.Fragment>\r\n        )\r\n    }\r\n}\r\n\r\nexport default withStyles(styles, { withTheme: true })(GranmaSays);","import React, { Component } from 'react'\r\nimport RecipeLists from './RecipeLists'\r\nimport GranmaSays from './GranmaSays'\r\nexport default class StrapiProps extends Component {\r\n    constructor(){\r\n        super()\r\n        this.state={\r\n            products:[],\r\n            imagePath: \"http://sapaaduvms.eastus.cloudapp.azure.com:1337\",\r\n            PostId:0,\r\n            SearchUrl:'http://sapaaduvms.eastus.cloudapp.azure.com:1337/recipe-infos',\r\n            ContentTag:\"/content-tags\",\r\n            GranmaSaysPath:'/grama-says',\r\n            ContentItem:[],\r\n            Topingredient:[]\r\n        }\r\n        \r\n    }\r\n    componentDidMount() {\r\n       this.fetchData(this.state.SearchUrl,this.state.products)\r\n       this.fetchData(this.state.imagePath+this.state.GranmaSaysPath,this.state.GranmaSays)\r\n       \r\n      \r\n        Promise.all([\r\n            fetch(this.state.SearchUrl).then(res => res.json()),\r\n            fetch(this.state.imagePath+this.state.GranmaSaysPath).then(res => res.json())\r\n        ]).then(result => {\r\n            const [ rentalsData, driversData, vehiclesData ] = result;\r\n          \r\n            console.log('asd',result) \r\n          });\r\n    }\r\n    fetchData(url,currentItem){\r\n        try {\r\n            fetch(url)\r\n                .then(function (response) {\r\n                    if (response.status >= 400) {\r\n                        throw new Error(\"Bad response from server\");\r\n                    }\r\n                    return response.json();\r\n                })\r\n                .then((res) => {\r\n                    console.log(res)\r\n                    this.setState({\r\n                        currentItem: res\r\n                    })\r\n                });\r\n        } catch (error) {\r\n            alert(\"Something Went Wrong\");\r\n            console.log(error);\r\n        }\r\n    }\r\n    \r\n    render() {\r\n        return (\r\n            <div>\r\n                {console.log('asd',this.state)}\r\n                <RecipeLists context={this.props} Post={this.state}/>\r\n                {/* <GranmaSays context={this.props} Post={this.state} /> */}\r\n            </div>\r\n        )\r\n    }\r\n}\r\n","import React, { PureComponent } from 'react'\r\nimport { Table } from 'reactstrap';\r\nimport { Button, Grid, Header, Icon, Image, Item, Label, Menu, Segment, Step, Container } from 'semantic-ui-react'\r\nimport { Breadcrumb } from 'semantic-ui-react'\r\nimport ReactMarkdown from 'react-markdown'\r\nconst style = {\r\n    h1: {\r\n        marginTop: '3em',\r\n    },\r\n    h2: {\r\n        margin: '4em 0em 2em',\r\n    },\r\n    h3: {\r\n        marginTop: '2em',\r\n        padding: '2em 0em',\r\n        textAlign: \"center\"\r\n    },\r\n    last: {\r\n        marginBottom: '300px',\r\n    },\r\n}\r\nexport default class Post extends PureComponent {\r\n    constructor() {\r\n        super()\r\n        this.state = {\r\n            PostItem: [],\r\n            PostPath: `${process.env.REACT_APP_BACKEND_URL}`,\r\n            Ingredients: [],\r\n            Serving: 0,\r\n            ImageSource: [],\r\n            StepsExplanation: [],\r\n            StepsImage: [],\r\n            Orignal_Ingredients: [],\r\n            PreparationStep: [],\r\n            author: [],\r\n            Tips:[]\r\n        }\r\n        this.ServingOnchange = this.ServingOnchange.bind(this)\r\n    }\r\n    componentDidMount() {\r\n        try {\r\n            fetch(this.state.PostPath + this.props.match.url)\r\n                .then(function (response) {\r\n                    if (response.status >= 400) {\r\n                        throw new Error(\"Bad response from server\");\r\n                    }\r\n                    return response.json();\r\n                })\r\n                .then((res) => {\r\n                    console.log(res)\r\n                    let ImageTemp;\r\n\r\n                    if (res.CookingSteps == null) {\r\n                        console.log(\"null\")\r\n                        ImageTemp = null\r\n                    } else {\r\n                        console.log(\"Not null\")\r\n                        ImageTemp = res.CookingSteps\r\n                    }\r\n                    this.setState({\r\n                        PostItem: res,\r\n                        Ingredients: res.Ingredient,\r\n                        Orignal_Ingredients: res.Ingredient,\r\n                        Serving: res.Serving,\r\n                        ImageSource: res.Featuredimage,\r\n                        PreparationStep: res.PreparationSteps,\r\n                        // StepsExplanation:res.StepsExplanation,\r\n                        author: res.authors.length > 0 ? res.authors : [],\r\n                        Tips:res.Tips.length > 0 ? res.Tips : [],\r\n                        StepsImage: ImageTemp\r\n                    })\r\n                });\r\n        } catch (error) {\r\n            alert(\"Something Went Wrong\");\r\n            console.log(error);\r\n        }\r\n        try { window._mNHandle.queue.push(function () { window._mNDetails.loadTag(\"864068883\", \"970x250\", \"864068883\"); }) } catch (error) { }\r\n        try { window._mNHandle.queue.push(function () { window._mNDetails.loadTag(\"211085901\", \"970x90\", \"211085901\"); }); } catch (error) { }\r\n        try { window._mNHandle.queue.push(function () { window._mNDetails.loadTag(\"575518156\", \"728x90\", \"575518156\"); }); } catch (error) { }\r\n        try { window._mNHandle.queue.push(function () { window._mNDetails.loadTag(\"199144025\", \"320x50\", \"199144025\"); }); } catch (error) { }\r\n        try { window._mNHandle.queue.push(function () { window._mNDetails.loadTag(\"108569473\", \"300x600\", \"108569473\"); }); } catch (error) { }\r\n        try { window._mNHandle.queue.push(function () { window._mNDetails.loadTag(\"759031059\", \"300x50\", \"759031059\"); }); } catch (error) { }\r\n        try { window._mNHandle.queue.push(function () { window._mNDetails.loadTag(\"828944828\", \"160x600\", \"828944828\"); }); } catch (error) { }\r\n    }\r\n    ServingOnchange(e) {\r\n        let CurrentValue = e.target.value\r\n        this.setState(function (prevState) {\r\n            const initialArray = [];\r\n            this.state.Orignal_Ingredients.forEach((product) => {\r\n                let obj = {};\r\n                let Ingredient_Cal = (CurrentValue / this.state.PostItem.Serving)\r\n                console.log(CurrentValue / this.state.PostItem.Serving)\r\n                console.log(Ingredient_Cal)\r\n                let Metric_Result = this.MetricConvert(product.Unit, product.Quantity, Ingredient_Cal)\r\n                // if(Metric_Result<16){\r\n                // }else if(Metric_Result<17.637){\r\n                // }else if(Metric_Result<17.637){\r\n                // }\r\n                // else if(Metric_Result<17.637){\r\n                // }\r\n                // else if(Metric_Result<17.637){\r\n                // }\r\n                if (CurrentValue >= prevState.Serving) {\r\n                    obj = { Type: product.Type, Quantity: (product.Quantity * Ingredient_Cal).toFixed(2), Unit: product.Unit };\r\n                } else {\r\n                    // alert(\"10\");\r\n                    obj = { Type: product.Type, Quantity: (product.Quantity * Ingredient_Cal).toFixed(2), Unit: product.Unit };\r\n                }\r\n                initialArray.push(obj)\r\n            })\r\n            return {\r\n                Serving: CurrentValue,\r\n                Ingredients: initialArray\r\n            };\r\n        });\r\n    }\r\n    // MetricConvert = param => {\r\n    // }\r\n    MetricConvert(Unit, Quantity, IngCal) {\r\n        let return_item;\r\n        switch (Unit) {\r\n            case 'Ounce':\r\n                return_item = (Quantity * IngCal);\r\n                return return_item;\r\n            case 'Cups':\r\n                return_item = ((Quantity * IngCal) * 8.000);\r\n                return return_item;\r\n            case 'Pound':\r\n                return_item = ((Quantity * IngCal) * 16)\r\n                return return_item;\r\n            case 'Gram':\r\n                return_item = ((Quantity * IngCal) * 0.035274)\r\n                return return_item;\r\n            case 'Kilogram':\r\n                return_item = ((Quantity * IngCal) * 35.724)\r\n                return return_item;\r\n            default:\r\n                return 'You are a User';\r\n        }\r\n    }\r\n    render() {\r\n        let Activepath = this.state.PostPath;\r\n        let IngredientItem = this.state.Ingredients.map((items, i) => {\r\n            return (<Grid.Row key={i}><Grid.Column>{items.Type}</Grid.Column><Grid.Column>{items.Quantity}</Grid.Column><Grid.Column>{items.Unit}</Grid.Column></Grid.Row>)\r\n        });\r\n        let prepationTime = this.state.PostItem.PrepTime != undefined ? this.state.PostItem.PrepTime.split(\":\", 2) : \"\";\r\n        let CookingTime = this.state.PostItem.CookTime != undefined ? this.state.PostItem.CookTime.split(\":\", 2) : \"\";\r\n        console.log(parseInt(prepationTime[0], 10))\r\n\r\n        let Author = this.state.author.length > 0 ? <React.Fragment><Container>\r\n            <Item.Group divided>\r\n                <Item>\r\n                    <Item.Image src={this.state.PostPath + this.state.author[0].Image[0].url} size='small' circular />\r\n                    <Item.Content>\r\n                        <Item.Header as='a'>{this.state.author[0].Name}</Item.Header>\r\n                        <Item.Meta>\r\n                            <span>Author of Recipe</span>\r\n                        </Item.Meta>\r\n                        <Item.Description>\r\n                        <ReactMarkdown source= {this.state.author[0].Biography} escapeHtml={false} renderers={{link: props => <a href={props.href} target=\"_blank\">{props.children}</a>}} />\r\n                           \r\n                        </Item.Description>\r\n\r\n                    </Item.Content>\r\n                </Item>\r\n            </Item.Group>\r\n        </Container></React.Fragment> : \"\"\r\n        console.log('curryPos', this.state.author)\r\n        console.log('curry', this.state.author)\r\n        // let PreprationStep=this.state\r\n\r\n\r\n        // let Steps = this.state.StepsImage.Stepsimage.map((step) => <li>{step}</li>)\r\n        // console.log(this.state.StepsImage.Stepsimage)\r\n        return (\r\n            <div>\r\n\r\n                <Segment style={{ padding: '8em 0em' }} vertical>\r\n\r\n                    <Grid container stackable verticalAlign='middle'>\r\n                        <Breadcrumb>\r\n                            <Breadcrumb.Section link><a href='/'>Home</a></Breadcrumb.Section>\r\n                            <Breadcrumb.Divider icon='right angle' />\r\n                            <Breadcrumb.Section link>{this.state.PostItem.Title}</Breadcrumb.Section>\r\n\r\n\r\n                        </Breadcrumb>\r\n                        <Grid.Row>\r\n                            <Grid.Column width={12}>\r\n                                {Author}\r\n                                {/* {ShowAuthor} */}\r\n\r\n                            </Grid.Column>\r\n                        </Grid.Row>\r\n                        <Grid.Row>\r\n                            <Grid.Column floated='right' width={8}>\r\n                                <Container ><Segment.Group><Segment> <Image bordered rounded size='big' src={this.state.PostItem.Featuredimage != null ? this.state.PostPath + this.state.PostItem.Featuredimage.url : \"https://react.semantic-ui.com/images/wireframe/square-image.png\"} /></Segment></Segment.Group></Container>\r\n                                {/* <h1>author:{this.state.PostItem.users!=null?this.state.PostItem.users[0].username:\"\"}</h1> */}\r\n\r\n                            </Grid.Column>\r\n\r\n                            <Grid.Column width={8} >\r\n                                <Container className='NewcontainerDesign'><Segment.Group><Segment>\r\n                                    <Header as='h3' style={{ fontSize: '2em' }}>\r\n                                        {this.state.PostItem.Title}\r\n                                    </Header>\r\n\r\n                                    <p style={{ fontSize: '1.33em' }}>\r\n                                        <ReactMarkdown source={this.state.PostItem.Description} escapeHtml={false} renderers={{link: props => <a href={props.href} target=\"_blank\">{props.children}</a>}} />\r\n\r\n                                    </p>\r\n                                </Segment></Segment.Group></Container>\r\n\r\n                            </Grid.Column>\r\n\r\n                        </Grid.Row>\r\n                        <Grid.Row>\r\n\r\n                            <Grid.Column textAlign='center' >\r\n                                <Container >\r\n                                    <Segment.Group >\r\n                                        <Segment >\r\n                                            <Container >\r\n\r\n\r\n                                                {/* <Grid columns='equal'> */}\r\n                                                <Grid columns={3} stackable>\r\n                                                    <Grid.Row>\r\n                                                        <Grid.Column>\r\n                                                            <Header attached='top' as='h4' inverted>\r\n                                                                Serving\r\n            </Header>\r\n                                                            <Segment attached='bottom'><input\r\n                                                                type=\"number\"\r\n                                                                min='0'\r\n                                                                step='0'\r\n                                                                className=\"ServeInput\"\r\n                                                                value={this.state.Serving}\r\n                                                                onChange={this.ServingOnchange}\r\n                                                            /></Segment>\r\n                                                        </Grid.Column>\r\n                                                        <Grid.Column>\r\n                                                            <Header attached='top' as='h4' inverted>\r\n                                                                Prep Time\r\n            </Header>\r\n                                                            <Segment attached='bottom'>{parseInt(prepationTime[0], 10) + 'hr' + \" \" + prepationTime[1] + \"min\"}</Segment>\r\n                                                        </Grid.Column>\r\n                                                        <Grid.Column>\r\n                                                            <Header attached='top' as='h4' inverted>\r\n                                                                Cook Time\r\n            </Header>\r\n                                                            <Segment attached='bottom'>{parseInt(prepationTime[0], 10) + 'hr' + \" \" + CookingTime[1] + \"min\"}</Segment>\r\n                                                        </Grid.Column>\r\n                                                    </Grid.Row>\r\n                                                </Grid>\r\n                                                <h3 style={{ textTransform: 'uppercase' }}>Ingredients</h3>\r\n                                                <Segment.Group >\r\n                                                    <Segment >\r\n                                                        <Grid columns='equal'>\r\n                                                            <Grid.Row>\r\n                                                                <Grid.Column style={{ fontSize: '1.33em' }}>Type</Grid.Column>\r\n                                                                <Grid.Column style={{ fontSize: '1.33em' }}>Quantity</Grid.Column>\r\n                                                                <Grid.Column style={{ fontSize: '1.33em' }}>Unit</Grid.Column>\r\n                                                            </Grid.Row>\r\n                                                            {IngredientItem}\r\n                                                        </Grid>\r\n                                                    </Segment>\r\n                                                </Segment.Group>\r\n                                            </Container>\r\n\r\n                                        </Segment>\r\n                                    </Segment.Group>\r\n                                </Container>\r\n                            </Grid.Column>\r\n                        </Grid.Row>\r\n\r\n                        {/* prepation steps */}\r\n                        {console.log('cvb', this.state.PostItem)}\r\n                        <h3 style={{ textTransform: 'uppercase', width: '100%', textAlign: 'center' }}>Preparation Steps</h3>\r\n                        {this.state.PreparationStep.length > 0 ? this.state.PreparationStep.map(function (Explain, i) {\r\n\r\n                            return <React.Fragment>\r\n\r\n                                <Grid.Row sm={12} xs={12} key={i} className=\"StepPadding\">\r\n                                    <Container className=\"NewcontainerDesign\">\r\n                                        <Segment.Group>\r\n                                            <Segment> <span style={{ fontSize: '16px', fontWeight: '600' }}>Step&nbsp;{i + 1}</span></Segment>\r\n\r\n                                            <Segment> <p style={{ fontSize: '16px' }}>  <ReactMarkdown source={Explain.Explanation} escapeHtml={false} renderers={{link: props => <a href={props.href} target=\"_blank\">{props.children}</a>}} /></p></Segment>\r\n                                            {Explain.Image != null ? <Segment>  <Grid verticalAlign='middle' columns={2} centered>\r\n\r\n                                                <Image src={Activepath + Explain.Image.url} style={{ marginTop: '1.33em', marginBottom: '1.33em' }} size='large' />\r\n\r\n\r\n                                            </Grid></Segment> : \"\"}\r\n                                        </Segment.Group>\r\n                                    </Container>\r\n                                </Grid.Row>\r\n\r\n                            </React.Fragment>\r\n                        }) : \"\"}\r\n\r\n\r\n\r\n                        {/* {this.state.StepsImage.map((Explain, i) => <Grid.Row columns={1}> <Grid.Column ><label>Step:{i}.</label>{Explain.Explanation} </Grid.Column></Grid.Row>{Explain.Image != null ?<Grid textAlign='center' style={{ height: '100vh' }} verticalAlign='middle'> <Grid.Row><Grid.Column style={{ maxWidth: 450 }} ><Image bordered rounded size='large' src={this.state.PostPath + Explain.Image.url} style={style} /></Grid.Column></Grid.Row></Grid> : \"\"})} */}\r\n                        <h3 style={{ textTransform: 'uppercase', width: '100%', textAlign: 'center' }}>Cooking Steps</h3>\r\n                        {this.state.StepsImage.map(function (Explain, i) {\r\n\r\n                            return <React.Fragment>\r\n                                <Grid.Row sm={12} xs={12} key={i} className=\"StepPadding\">\r\n                                    <Container className=\"NewcontainerDesign\">\r\n                                        <Segment.Group>\r\n                                            <Segment style={{ paddingBottom: '0' }}> <span style={{ fontSize: '16px', fontWeight: '600' }}>Step&nbsp;{i + 1}</span></Segment>\r\n                                            <Segment> <p style={{ fontSize: '16px' }}>  <ReactMarkdown source={Explain.Explanation} escapeHtml={false} renderers={{link: props => <a href={props.href} target=\"_blank\">{props.children}</a>}} /></p></Segment>\r\n                                            {Explain.Image != null ? <Segment><Grid verticalAlign='middle' columns={2} centered>\r\n\r\n                                                <Image src={Activepath + Explain.Image.url} style={{ marginTop: '1.33em', marginBottom: '1.33em' }} size='large' />\r\n\r\n                                            </Grid></Segment> : \"\"}\r\n                                        </Segment.Group>\r\n                                    </Container>\r\n                                </Grid.Row>\r\n                            </React.Fragment>\r\n                        })}\r\n\r\n\r\n                        <h3 style={{ textTransform: 'uppercase', width: '100%', textAlign: 'center' }}>Tips</h3>\r\n\r\n                        \r\n                        {this.state.Tips.length>0 ?this.state.Tips.map( function(items, i) {\r\nconsole.log(items)\r\n                            return <React.Fragment>\r\n                                <Grid.Row sm={12} xs={12} key={i} className=\"StepPadding\">\r\n                                    <Container className=\"NewcontainerDesign\">\r\n                                        <Segment.Group >\r\n                                            {/* <Segment style={{ paddingBottom: '0' }}> </Segment> */}\r\n                                            <Segment style={{ display:'flex'}}><span style={{ fontSize: '16px', fontWeight: '600' }}>&nbsp;{i + 1}.</span> <p style={{ fontSize: '16px', paddingLeft:'10px' }}>  <ReactMarkdown source={items.Tips} escapeHtml={false}  renderers={{link: props => <a href={props.href} target=\"_blank\">{props.children}</a>}}/></p></Segment>\r\n                                        </Segment.Group>\r\n                                    </Container>\r\n                                </Grid.Row>\r\n                            </React.Fragment>\r\n                        }):\"\"}\r\n                    </Grid>\r\n\r\n                </Segment>\r\n                <div id=\"864068883\"></div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n","import React, { Component } from 'react'\r\nimport RecipeLists from './RecipeLists'\r\nexport default class Homepage extends Component {\r\n    constructor() {\r\n        super()\r\n        this.state = {\r\n            products: [],\r\n            imagePath: `${process.env.REACT_APP_BACKEND_URL}`,\r\n            PostId: 0,\r\n            SearchUrl: `${process.env.REACT_APP_BACKEND_URL}/recipe-infos`,\r\n            ContentTag: \"/content-tags\",\r\n            ContentItem: [],\r\n            GranmaSaysPath: '/grama-says',\r\n            Topingredient: [],\r\n            Outercontenturl:'/outer-contents',\r\n            OuterContent:[],\r\n            MostFeaturedUrl:'/most-featured-recipes',\r\n            MostFeaturedContent:[]\r\n\r\n        }\r\n\r\n    }\r\n    componentDidMount() {\r\n        Promise.all([\r\n            fetch(this.state.imagePath + this.state.ContentTag).then(res => res.json()),\r\n            fetch(this.state.SearchUrl).then(res => res.json()),\r\n            fetch(this.state.imagePath + this.state.GranmaSaysPath).then(res => res.json()),\r\n            fetch(this.state.imagePath + this.state.Outercontenturl).then(res => res.json()),\r\n            fetch(this.state.imagePath + this.state.MostFeaturedUrl).then(res => res.json()),\r\n        ]).then(result => {\r\n            this.setState({\r\n                ContentItem: result[0],\r\n                products: result[1],\r\n                Topingredient: result[2],\r\n                OuterContent: result[3],\r\n                MostFeaturedContent: result[4],\r\n            })\r\n        });\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"864068883\", \"970x250\", \"864068883\"); }) } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"211085901\", \"970x90\", \"211085901\"); }); } catch (error) {}\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"575518156\", \"728x90\", \"575518156\"); }); } catch (error) {}\r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"199144025\", \"320x50\", \"199144025\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"108569473\", \"300x600\", \"108569473\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"759031059\", \"300x50\", \"759031059\"); }); } catch (error) {} \r\n        try { window._mNHandle.queue.push(function (){ window._mNDetails.loadTag(\"828944828\", \"160x600\", \"828944828\"); }); } catch (error) {} \r\n\r\n    }\r\n\r\n\r\n    render() {\r\n        return (\r\n            <div>\r\n                <RecipeLists context={this.props} Post={this.state} />\r\n\r\n            </div>\r\n        )\r\n    }\r\n}\r\n","import React, { Component } from 'react'\r\nimport Container from '@material-ui/core/Container';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nclass Disclosure extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {}\r\n    }\r\n    render() {\r\n        return (<React.Fragment>\r\n            <main>\r\n                <Container maxWidth=\"md\">\r\n                    <Grid item xs={12}>\r\n                        <Typography component=\"h5\" variant=\"h5\" align=\"left\" color=\"textPrimary\" gutterBottom>\r\n                            Disclosure Policy\r\n            </Typography>\r\n                        <p style={{ fontSize: '1.20em' }}>This blog is a digital product of <a href=\"http://www.ttstrategies.com\" rel=\"noopener\" target=\"_blank\">TT Strategies Inc</a>. This is a collaborative blog written by a group of individuals. For questions about this blog, please reach us at contact@sapaadu.com. </p>\r\n                        <p style={{ fontSize: '1.20em' }}>There is a cost to create content, maintain and protect the site from malicious attacks. We try to offset these costs and other expenses by using forms of advertising, sponsorship, paid insertions, or other forms of compensation. Any links on this site are either ads or affiliate links. If you click on ads, we may get a small compensation for the traffic we are forwarding them. If you click on affiliate links and in case you end up buying products from affiliates, then we get a small commission from your purchase. We appreciate your support!. </p>\r\n                        <p style={{ fontSize: '1.20em' }}>This blog abides by word of mouth marketing standards. We believe in honesty of relationship, opinion, and identity. The compensation received may influence the advertising content, topics, or posts made in this blog. That content, advertising space, or post will be clearly identified as paid or sponsored content.  </p>\r\n                        <p style={{ fontSize: '1.20em' }}>The owner(s) of this blog is not compensated to provide opinion on products, services, websites, and various other topics. The views and opinions expressed on this blog are purely the blog owners. If we claim or appear to be experts on a certain topic or product or service area, we will only endorse products or services that we believe, based on our expertise, are worthy of such endorsement. Any product claim, statistic, quote, or other representation about a product or service should be verified with the manufacturer or provider.  </p>\r\n                        <p style={{ fontSize: '1.20em' }}>Any content presented here is not intended and should not be substituted for professional medical advice, diagnosis, or treatment. Always seek the advice of your physician, or your health care provider regarding any medical advice, symptoms, or any medical condition. Do not delay or disregard any professional medical advice based on anything you have read on this site.  </p>\r\n                        <p style={{ fontSize: '1.20em' }}>This site is for educational purposes only. No medical advice is provided here. Any information found on this site is to encourage you to make your own decision about health care and diet by basing on your own research, and in association along with guidance from your health care provider. </p>\r\n                        <Typography component=\"h5\" variant=\"h5\" align=\"left\" color=\"textPrimary\" gutterBottom>\r\n                            Health Tips Disclaimer\r\n            </Typography>\r\n                        <p style={{ fontSize: '1.20em' }}>Any claims about possible health benefits, of any food products, ingredients, supplements etc., mentioned here are not tested and/or certified by the Food and Drug Administration. </p>\r\n                        <p style={{ fontSize: '1.20em' }}>Any claims about possible health benefits, of any food products, ingredients, supplements etc., mentioned here are not intended to diagnose, treat, cure or prevent any disease. </p>\r\n                        <p style={{ fontSize: '1.20em' }}>By using this site, you agree to abide by these Disclosure and Disclaimer terms. Terms subject to change at any time.\r\n </p>\r\n                        <p style={{ fontSize: '1.20em' }}>Any claims about possible health benefits, of any food products, ingredients, supplements etc., mentioned here are not tested and/or certified by the Food and Drug Administration. </p>\r\n                        <p style={{ fontSize: '1.20em' }}>To get your own policy, go to <a href=\"http://www.disclosurepolicy.org\" target=\"_blank\"><img src=\"/wp-content/uploads/2017/10/badge-small.jpg\" alt=\"\" width=\"88\" height=\"31\" class=\"alignnone size-full wp-image-2474\" /></a>   </p>\r\n                    </Grid></Container></main></React.Fragment>);\r\n    }\r\n}\r\n\r\nexport default Disclosure;\r\n","import React, { Component } from 'react';\r\nimport Container from '@material-ui/core/Container';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Link from '@material-ui/core/Link';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport {Helmet} from \"react-helmet\";\r\nconst styles = theme => ({\r\n    root: {\r\n        flexGrow: 1,\r\n    },\r\n    paper: {\r\n        padding: theme.spacing(2),\r\n        textAlign: 'center',\r\n        color: theme.palette.text.secondary,\r\n    },\r\n    icon: {\r\n        marginRight: theme.spacing(2),\r\n    },\r\n    heroContent: {\r\n        backgroundColor: theme.palette.background.paper,\r\n        padding: theme.spacing(8, 0, 6),\r\n    },\r\n    heroButtons: {\r\n        marginTop: theme.spacing(4),\r\n    },\r\n    cardGrid: {\r\n        paddingTop: theme.spacing(8),\r\n        paddingBottom: theme.spacing(8),\r\n    },\r\n    card: {\r\n        height: '100%',\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n    },\r\n    cardMedia: {\r\n        paddingTop: '56.25%', // 16:9\r\n    },\r\n    cardContent: {\r\n        flexGrow: 1,\r\n        cursor: 'pointer'\r\n    },\r\n    footer: {\r\n        backgroundColor: theme.palette.background.paper,\r\n        padding: theme.spacing(6),\r\n    },\r\n    chip:{\r\n        padding:\"20px\"\r\n    }\r\n});\r\nclass Footer extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {  }\r\n    }\r\n    \r\n    render() { \r\n        let {classes}=this.props\r\n        return ( \r\n    <React.Fragment>\r\n    <footer >\r\n    <Typography variant=\"body2\" color=\"textSecondary\" align=\"center\">\r\n\r\n<Link color=\"inherit\" href=\"/Disclosure\">\r\nDisclosure Policy\r\n</Link>{' '}\r\n\r\n{'.'}\r\n</Typography>\r\n<Typography variant=\"body2\" color=\"textSecondary\" align=\"center\">\r\n        {'Copyright © '}\r\n        <Link color=\"inherit\" href=\"http://sapaadu.com\">\r\n        sapaadu.com\r\n  </Link>{' '}\r\n        {new Date().getFullYear()}\r\n        {'.'}\r\n    </Typography>\r\n    \r\n{/* <h1>Ad Code: 1 - 160 x 600 - (Wide Skyscraper) </h1><div id=\"828944828\"></div>\r\n<h1> Ad Code 2 - 300 x 50 - (Smartphone Banner) </h1>  <div id=\"759031059\"></div>\r\n<h1>Ad Code 3 - 300 x 250 - (Medium Rectangle) </h1> <div id=\"723115345\"></div>\r\n<h1>Ad Code 4 - 300 x 600 - (Half Page Ad) </h1><div id=\"108569473\"></div>\r\n<h1>Ad Code 5 - 320 x 50 - (Smartphone Banner)  </h1>  <div id=\"199144025\"></div>\r\n<h1>Ad Code 6 - 728 x 90 - (Leaderboard)  </h1>  <div id=\"575518156\"></div>\r\n<h1>Ad Code 7 - 970 x 90 - (Super Leaderboard)  </h1>  <div id=\"211085901\"></div>\r\n<h1>Ad Code 8 - 970 x 250 - (Billboard)  </h1>  <div id=\"864068883\"></div> */}\r\n    \r\n    \r\n    </footer>\r\n    </React.Fragment>\r\n    );\r\n    }\r\n}\r\n \r\nexport default Footer;","import React from 'react';\r\nimport Header from './component/Navbar';\r\nimport StrapiProps from './component/StrapiProps';\r\nimport './App.css';\r\n// import './assets/scss/style.css'\r\nimport {\r\n  BrowserRouter as Router,\r\n  Switch,\r\n  Route,\r\n  BrowserRouter,\r\n\r\n} from \"react-router-dom\";\r\nimport Post from './component/Post';\r\nimport GrandmaSays from './component/GranmaSays'\r\nimport GrandmaView from './component/GrandmaView'\r\nimport Homepage from './component/Homepage'\r\nimport Disclosure from './component/Disclosure';\r\nimport Footer from './component/Footer';\r\nconst Nofound = (props) => {\r\n  return <div><h1 style={{textAlign:'center'}}>404</h1></div>\r\n}\r\n\r\nfunction App() {\r\n  return (\r\n    <>\r\n      <Router>\r\n         <Header />\r\n      <Switch>\r\n        <Route path='/' exact component={Homepage} />\r\n        <Route path='/Grandma-Says' component={GrandmaSays} />\r\n        <Route path='/GrandmaSays/:id' component={GrandmaView} />\r\n        <Route path='/recipe-infos/:id' component={Post} />\r\n        <Route path='/Disclosure' component={Disclosure} />\r\n       \r\n      <Route component={Nofound} /> \r\n      </Switch>\r\n      <Footer/>\r\n    </Router>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","// 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.0/8 are 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    headers: { 'Service-Worker': 'script' },\r\n  })\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\r\n      .then(registration => {\r\n        registration.unregister();\r\n      })\r\n      .catch(error => {\r\n        console.error(error.message);\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 'semantic-ui-css/semantic.min.css'\r\nimport * as serviceWorker from './serviceWorker';\r\nimport { BrowserRouter as Router } from \"react-router-dom\";\r\n\r\nimport { ApolloClient,ApolloProvider } from '@apollo/client';\r\nimport { InMemoryCache } from '@apollo/client';\r\n// import { HttpLink } from \"apollo-link-http\";\r\n\r\nconst client = new ApolloClient({\r\n  uri: `${process.env.REACT_APP_BACKEND_URL}/graphql`,\r\n  cache: new InMemoryCache()\r\n});\r\n\r\n\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n      <ApolloProvider client={client}>\r\n    <App />\r\n    </ApolloProvider>\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}