{"version":3,"sources":["components/Timeline/TimelineAdvertisement.js"],"names":["useStyles","makeStyles","image","width","cursor","TimelineAdvertisement","advertisement","classes","advertisementService","useAdvertisementService","useCancelToken","token","cancelToken","useEffect","item","xs","src","imageUrl","className","onClick","Update","id","window","open","targetUrl"],"mappings":"0LAMMA,EAAYC,YAAW,CAC3BC,MAAO,CACLC,MAAO,OACP,UAAW,CACTC,OAAQ,cA4BCC,UAvBf,SAA+B,GAAoB,IAAlBC,EAAa,EAAbA,cACzBC,EAAUP,IACVQ,EAAuBC,cAC7B,EAA6BC,cAAgB,mBAAtCC,EAAK,KAAEC,EAAW,KAazB,OAXAC,qBAAU,WACR,OAAO,WACLD,OAED,IAQD,kBAAC,IAAI,CAACE,MAAI,EAACC,GAAI,IACb,yBAAKC,IAAKV,EAAcW,SAAUC,UAAWX,EAAQL,MAAOiB,QAPhE,WACEX,EAAqBY,OAAOT,EAAOL,EAAce,IACjDC,OAAOC,KAAKjB,EAAckB","file":"static/js/46.b715d047.chunk.js","sourcesContent":["import React, { useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/core\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { useAdvertisementService } from \"../../services/AdvertisementService\";\nimport { useCancelToken } from \"../../services/AxiosService\";\n\nconst useStyles = makeStyles({\n  image: {\n    width: \"100%\",\n    \"&:hover\": {\n      cursor: \"pointer\"\n    }\n  }\n});\n\nfunction TimelineAdvertisement({ advertisement }) {\n  const classes = useStyles();\n  const advertisementService = useAdvertisementService();\n  const [token, cancelToken] = useCancelToken();\n\n  useEffect(() => {\n    return function cleanup() {\n      cancelToken();\n    };\n  }, []);\n\n  function handleAdClick() {\n    advertisementService.Update(token, advertisement.id);\n    window.open(advertisement.targetUrl);\n  }\n\n  return (\n    <Grid item xs={12}>\n      <img src={advertisement.imageUrl} className={classes.image} onClick={handleAdClick} />\n    </Grid>\n  );\n}\n\nexport default TimelineAdvertisement;\n"],"sourceRoot":""}