{"version":3,"sources":["Components/WithSpinner/WithSpinnerMovie.js","Components/CollectionGridItem/CollectionGridItem.js","Components/CollectionGrid/CollectionGrid.js","Utils/GridScrollArrows.js","Components/CollectionGrid/CollectionGridMovie.js"],"names":["WithSpinnerMovie","WrappedComponent","isMovieGridLoading","isMovieOverviewLoading","otherProps","CollectionGridItem","item","title","listItems","addItem","overview","backdrop_path","poster_path","name","className","src","alt","AddToList","CollectionGrid","gridRef","React","createRef","this","props","movieGridItems","tvShowGridItems","movies","tvshow","icon","faChevronLeft","onClick","node","move","current","pixelWidth","window","innerWidth","console","log","$","animate","scrollLeft","LeftGridArrow","ref","map","key","id","faChevronRight","RightGridArrow","Component","connect","state","selectMovieGridItems","selectTVGridItems","mapStateToProps","createStructuredSelector","selectIsMovieFetching","CollectionGridMovie","compose"],"mappings":"8LAceA,IAXU,SAAAC,GAAgB,OACvC,YAAmE,IAAhEC,EAA+D,EAA/DA,mBAAmBC,EAA4C,EAA5CA,uBAA2BC,EAAiB,iBAE9D,OAAOF,EACH,kBAAC,IAAD,MACCC,EACC,KACA,kBAACF,EAAqBG,M,yJCoBnBC,EAzBY,SAAC,GAAkC,IAAhCC,EAA+B,EAA/BA,KAEpBC,GAFmD,EAAzBC,UAAyB,EAAdC,QAEiBH,EAAtDC,OAAOG,EAA+CJ,EAA/CI,SAAUC,EAAqCL,EAArCK,cAAeC,EAAsBN,EAAtBM,YAAsBN,EAATO,KACrD,OACE,yBAAKC,UAAU,aACb,yBACEC,IAAG,UAAKJ,GACRK,IAAG,iFAAqBT,GACxBO,UAAU,mBAEZ,yBACEC,IAAG,UAAKH,GACRI,IAAG,iFAAqBT,GACxBO,UAAU,yCAEZ,yBAAKA,UAAS,UAAKP,EAAQ,wBAA0B,uBACnD,wBAAIO,UAAU,oBAAoBP,GAElC,0BAAMO,UAAU,uBAAuBJ,GACvC,kBAACO,EAAA,EAAD,CAAWX,KAAMA,O,yDCXnBY,E,kDACJ,aAAe,IAAD,8BACZ,gBACKC,QAAUC,IAAMC,YAFT,E,0CAKd,WAAU,IAAD,OACP,EAA4DC,KAAKC,MAAzDC,EAAR,EAAQA,eAAgBC,EAAxB,EAAwBA,gBAAiBC,EAAzC,EAAyCA,OAAQC,EAAjD,EAAiDA,OACjD,OACE,yBAAKb,UAAU,mBACb,0BAAMA,UAAU,+BACd,kBAAC,IAAD,CACEc,KAAMC,IACNf,UAAU,oCACVgB,QAAS,kBCzBQ,SAAAC,GAC3B,IAAIC,EAAOD,EAAKE,QAEZC,EADQC,OAAOC,WACM,KACzBC,QAAQC,IAAIJ,GACZK,IAAEP,GAAMQ,QACN,CACEC,WAAY,KAAOP,GAErB,QDgBuBQ,CAAc,EAAKvB,aAGtC,yBAAKL,UAAU,yBAAyB6B,IAAKrB,KAAKH,SAChD,yBAAKL,UAAU,0BACZY,EACGF,EAAeoB,KAAI,SAAAtC,GAAI,OACrB,kBAAC,EAAD,CAAoBuC,IAAKvC,EAAKwC,GAAIxC,KAAMA,OAE1C,KACHqB,EACGF,EAAgBmB,KAAI,SAAAtC,GAAI,OACtB,kBAAC,EAAD,CAAoBuC,IAAKvC,EAAKwC,GAAIxC,KAAMA,OAE1C,MAEN,0BAAMQ,UAAU,gCACd,kBAAC,IAAD,CACEc,KAAMmB,IACNjC,UAAU,qCACVgB,QAAS,kBChCO,SAAAC,GAC5B,IAAIC,EAAOD,EAAKE,QAEZC,EADQC,OAAOC,WACM,KACzBG,IAAEP,GAAMQ,QACN,CACEC,WAAY,KAAOP,GAErB,QDwByBc,CAAe,EAAK7B,mB,GAlCpBC,IAAM6B,WAgDpBC,iBALS,SAAAC,GAAK,MAAK,CAChC3B,eAAgB4B,YAAqBD,GACrC1B,gBAAiB4B,YAAkBF,MAGtBD,CAAyBhC,I,iCE7DxC,0DASMoC,EAAkBC,YAAyB,CAC/CrD,mBAAoBsD,MAGhBC,EAAsBC,YAC1BR,YAAQI,GACRtD,IAF0B0D,CAG1BxC,KAEauC","file":"static/js/7.53a22d6f.chunk.js","sourcesContent":["import React from \"react\";\nimport Spinner from \"../Spinner/Spinner\";\n\nconst WithSpinnerMovie = WrappedComponent => \n  ({ isMovieGridLoading,isMovieOverviewLoading, ...otherProps }) => {\n    \n      return isMovieGridLoading\n        ? <Spinner />\n        : (isMovieOverviewLoading\n          ? null\n          : <WrappedComponent {...otherProps} />)\n       \n};\n\nexport default WithSpinnerMovie;\n","import React from \"react\";\n// import {  BACKDROP_SIZE } from \"../../Config/config\";\nimport \"./CollectionGridItem.scss\";\nimport AddToList from \"../AddToList/AddToList\";\n// eslint-disable-next-line\nconst CollectionGridItem = ({ item, listItems, addItem }) => {\n  // eslint-disable-next-line\n  const { title, overview, backdrop_path, poster_path, name } = item;\n  return (\n    <div className=\"grid-item\">\n      <img\n        src={`${backdrop_path}`}\n        alt={`100เรื่อง แนะนำ ${title}`}\n        className=\"grid-item__img\"\n      />\n      <img\n        src={`${poster_path}`}\n        alt={`100เรื่อง แนะนำ ${title}`}\n        className=\"grid-item__img grid-item__mobile-img\"\n      />\n      <div className={`${title ? \"grid-item__movie-text\" : \"grid-item__tv-text\"}`}>\n        <h1 className=\"grid-item__title\">{title}</h1>\n        {/* <h1 className=\"grid-item__title\">{name}</h1> */}\n        <span className=\"grid-item__overview\">{overview}</span>\n        <AddToList item={item} />\n      </div>\n    </div>\n  );\n};\n\nexport default CollectionGridItem;\n","import React from \"react\";\nimport \"./CollectionGrid.scss\";\nimport CollectionGridItem from \"../CollectionGridItem/CollectionGridItem\";\nimport { connect } from \"react-redux\";\nimport { selectMovieGridItems } from \"../../Redux/Movie/movie-selectors\";\nimport { selectTVGridItems } from \"../../Redux/TVShow/tv-selectors\";\nimport {\n  faChevronLeft,\n  faChevronRight\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { LeftGridArrow, RightGridArrow } from \"../../Utils/GridScrollArrows\";\n\nclass CollectionGrid extends React.Component {\n  constructor() {\n    super();\n    this.gridRef = React.createRef();\n  }\n\n  render() {\n    const { movieGridItems, tvShowGridItems, movies, tvshow } = this.props;\n    return (\n      <div className=\"collection-grid\">\n        <span className=\"collection-grid__left-arrow\">\n          <FontAwesomeIcon\n            icon={faChevronLeft}\n            className=\"collection-grid__left-arrow--icon\"\n            onClick={() => LeftGridArrow(this.gridRef)}\n          />\n        </span>\n        <div className=\"collection-grid__outer\" ref={this.gridRef}>\n          <div className=\"collection-grid__inner\">\n            {movies\n              ? movieGridItems.map(item => (\n                  <CollectionGridItem key={item.id} item={item} />\n                ))\n              : null}\n            {tvshow\n              ? tvShowGridItems.map(item => (\n                  <CollectionGridItem key={item.id} item={item} />\n                ))\n              : null}\n          </div>\n          <span className=\"collection-grid__right-arrow\">\n            <FontAwesomeIcon\n              icon={faChevronRight}\n              className=\"collection-grid__right-arrow--icon\"\n              onClick={() => RightGridArrow(this.gridRef)}\n            />\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n\nconst mapStateToProps = state => ({\n  movieGridItems: selectMovieGridItems(state),\n  tvShowGridItems: selectTVGridItems(state)\n});\n\nexport default connect(mapStateToProps)(CollectionGrid);\n","import $ from \"jquery\";\n\nexport const LeftGridArrow = node => {\n  var move = node.current;\n  var width = window.innerWidth;\n  var pixelWidth = width + \"px\";\n  console.log(pixelWidth);\n  $(move).animate(\n    {\n      scrollLeft: \"-=\" + pixelWidth\n    },\n    \"slow\"\n  );\n};\n\nexport const RightGridArrow = node => {\n  var move = node.current;\n  var width = window.innerWidth;\n  var pixelWidth = width + \"px\";\n  $(move).animate(\n    {\n      scrollLeft: \"+=\" + pixelWidth\n    },\n    \"slow\"\n  );\n};\n","import { connect } from \"react-redux\";\nimport { createStructuredSelector } from \"reselect\";\nimport { compose } from \"redux\";\n\nimport { selectIsMovieFetching } from \"../../Redux/Movie/movie-selectors\";\n\nimport WithSpinnerMovie from \"../WithSpinner/WithSpinnerMovie\";\nimport CollectionGrid from \"./CollectionGrid\";\n\nconst mapStateToProps = createStructuredSelector({\n  isMovieGridLoading: selectIsMovieFetching,\n});\n\nconst CollectionGridMovie = compose(\n  connect(mapStateToProps),\n  WithSpinnerMovie\n)(CollectionGrid);\n\nexport default CollectionGridMovie;\n"],"sourceRoot":""}