{"version":3,"sources":["components/Timeline/Timeline.js"],"names":["TimelineContent","lazy","TimelineAdvertisement","useStyles","makeStyles","theme","loadMoreButtonContainer","paddingTop","button","color","grey","backgroundColor","green","contentMaxWidth","breakpoints","down","maxWidth","loadMoreButtonMaxWidth","dummyContents","id","Timeline","contents","advertisements","onLoadMoreClick","isLoadMoreButtonDisabled","classes","container","justify","spacing","length","map","c","i","adsRender","filter","a","priority","key","fallback","advertisement","item","sm","className","content","xs","variant","fullWidth","onClick","disabled"],"mappings":"kMAKMA,EAAkBC,gBAAK,kBAAM,iCAC7BC,EAAwBD,gBAAK,kBAAM,kCAEnCE,EAAYC,aAAW,SAAAC,GAAK,MAAK,CACrCC,wBAAyB,CACvBC,WAAY,QAGdC,OAAQ,CACNC,MAAOC,IAAK,KACZC,gBAAiBC,IAAM,KACvB,UAAW,CACTD,gBAAiBC,IAAM,MAEzB,WAAY,CACVD,gBAAiBC,IAAM,OAI3BC,gBAAgB,eACbR,EAAMS,YAAYC,KAAK,MAAQ,CAC9BC,SAAU,UAIdC,uBAAuB,eACpBZ,EAAMS,YAAYC,KAAK,MAAQ,CAC9BC,SAAU,cAKVE,EAAgB,CACpB,CAAEC,GAAI,GACN,CAAEA,GAAI,GACN,CAAEA,GAAI,GACN,CAAEA,GAAI,GACN,CAAEA,GAAI,GACN,CAAEA,GAAI,GACN,CAAEA,GAAI,GACN,CAAEA,GAAI,GACN,CAAEA,GAAI,GACN,CAAEA,GAAI,IACN,CAAEA,GAAI,IACN,CAAEA,GAAI,KAyDOC,UAtDf,SAAkB,GAA0E,IAAxEC,EAAQ,EAARA,SAAUC,EAAc,EAAdA,eAAgBC,EAAe,EAAfA,gBAAiBC,EAAwB,EAAxBA,yBACvDC,EAAUtB,IAIhB,OAFAkB,EAAWA,GAAsBH,EAG/B,oCACE,kBAAC,IAAI,CAACQ,WAAS,EAACC,QAAQ,SAASC,QAAS,GACvCP,GACCA,EAASQ,OAAS,GAClBR,EAASS,KAAI,SAACC,EAAGC,GACf,IAAIC,EAYJ,OAVIX,GAAkBA,EAAeO,OAAS,IAC5CI,EAAYX,EACTY,QAAO,SAAAC,GAAC,OAAiB,EAAbA,EAAEC,WAAiBJ,KAC/BF,KAAI,SAAAK,GAAC,OACJ,kBAAC,WAAQ,CAACE,IAAKF,EAAEhB,GAAImB,SAAU,+BAC7B,kBAACpC,EAAqB,CAACqC,cAAeJ,SAM5C,kBAAC,WAAQ,CAACE,IAAKN,EAAEZ,IACdc,EACD,kBAAC,IAAI,CAACO,MAAI,EAACC,GAAI,EAAGC,UAAWjB,EAAQZ,iBACnC,kBAAC,WAAQ,CAACyB,SAAU,+BAClB,kBAACtC,EAAe,CAAC2C,QAASZ,WAOvCV,GAAYA,IAAaH,GACxB,kBAAC,IAAI,CAACQ,WAAS,EAACE,QAAS,EAAGD,QAAQ,SAASe,UAAWjB,EAAQnB,yBAC9D,kBAAC,IAAI,CAACkC,MAAI,EAACI,GAAI,GAAIF,UAAWjB,EAAQR,wBACpC,kBAAC,IAAM,CACL4B,QAAQ,YACRC,WAAW,EACXJ,UAAWjB,EAAQjB,OACnBuC,QAASxB,EACTyB,SAAUxB,GAAyB","file":"static/js/2.b79061f6.chunk.js","sourcesContent":["import React, { Fragment, lazy, Suspense } from \"react\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Button from \"@material-ui/core/Button\";\nimport { makeStyles } from \"@material-ui/core\";\nimport { green, grey } from \"@material-ui/core/colors\";\nconst TimelineContent = lazy(() => import(\"./TimelineContent\"));\nconst TimelineAdvertisement = lazy(() => import(\"./TimelineAdvertisement\"));\n\nconst useStyles = makeStyles(theme => ({\n  loadMoreButtonContainer: {\n    paddingTop: \"2rem\"\n  },\n\n  button: {\n    color: grey[200],\n    backgroundColor: green[700],\n    \"&:hover\": {\n      backgroundColor: green[800]\n    },\n    \"&:active\": {\n      backgroundColor: green[800]\n    }\n  },\n\n  contentMaxWidth: {\n    [theme.breakpoints.down(\"xs\")]: {\n      maxWidth: \"25rem\"\n    }\n  },\n\n  loadMoreButtonMaxWidth: {\n    [theme.breakpoints.down(\"xs\")]: {\n      maxWidth: \"25rem\"\n    }\n  }\n}));\n\nconst dummyContents = [\n  { id: 1 },\n  { id: 2 },\n  { id: 3 },\n  { id: 4 },\n  { id: 5 },\n  { id: 6 },\n  { id: 7 },\n  { id: 8 },\n  { id: 9 },\n  { id: 10 },\n  { id: 11 },\n  { id: 12 }\n];\n\nfunction Timeline({ contents, advertisements, onLoadMoreClick, isLoadMoreButtonDisabled }) {\n  const classes = useStyles();\n\n  contents = contents ? contents : dummyContents;\n\n  return (\n    <>\n      <Grid container justify=\"center\" spacing={2}>\n        {contents &&\n          contents.length > 0 &&\n          contents.map((c, i) => {\n            let adsRender;\n\n            if (advertisements && advertisements.length > 0) {\n              adsRender = advertisements\n                .filter(a => a.priority * 2 === i)\n                .map(a => (\n                  <Suspense key={a.id} fallback={<div />}>\n                    <TimelineAdvertisement advertisement={a} />\n                  </Suspense>\n                ));\n            }\n\n            return (\n              <Fragment key={c.id}>\n                {adsRender}\n                <Grid item sm={6} className={classes.contentMaxWidth}>\n                  <Suspense fallback={<div />}>\n                    <TimelineContent content={c} />\n                  </Suspense>\n                </Grid>\n              </Fragment>\n            );\n          })}\n      </Grid>\n      {contents && contents !== dummyContents && (\n        <Grid container spacing={2} justify=\"center\" className={classes.loadMoreButtonContainer}>\n          <Grid item xs={12} className={classes.loadMoreButtonMaxWidth}>\n            <Button\n              variant=\"contained\"\n              fullWidth={true}\n              className={classes.button}\n              onClick={onLoadMoreClick}\n              disabled={isLoadMoreButtonDisabled}\n            >\n              Daha Fazla Yükle\n            </Button>\n          </Grid>\n        </Grid>\n      )}\n    </>\n  );\n}\n\nexport default Timeline;\n"],"sourceRoot":""}