tbg-ecomm-nextjs/.next/cache/next-babel-loader/3d46f7328a4a622e1c537f26da2c5a59.json

{"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\suzuki\\\\latest_news\\\\news.js\";\nvar _excluded = [\"backend\", \"news\"];\nvar __jsx = React.createElement;\nimport React from 'react';\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nimport Grid from '@material-ui/core/Grid';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Paginations from \"components/Pagination/Pagination.js\";\nimport Icon from \"@material-ui/core/Icon\";\nvar useStyles = makeStyles(styles);\n\nvar DataLatestNews = function DataLatestNews(_ref) {\n  var _this = this;\n\n  var backend = _ref.backend,\n      news = _ref.news,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  var classes = useStyles();\n  var latnews = news.map(function (data) {\n    return __jsx(Grid, {\n      align: \"center\",\n      style: {\n        padding: \"30px\",\n        marginTop: \"-50px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 20,\n        columnNumber: 5\n      }\n    }, __jsx(Card, {\n      style: {\n        width: \"20rem\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 21,\n        columnNumber: 7\n      }\n    }, __jsx(\"img\", {\n      style: {\n        height: \"180px\",\n        width: \"100%\",\n        display: \"block\"\n      },\n      className: classes.imgCardTop,\n      src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 9\n      }\n    }), __jsx(CardBody, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 27,\n        columnNumber: 9\n      }\n    }, __jsx(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 11\n      }\n    }, data.title), __jsx(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 29,\n        columnNumber: 11\n      }\n    }, data.published_at), __jsx(Button, {\n      color: \"info\",\n      round: true,\n      href: \"/suzuki/latest_news/latestnews_details?s=\" + data.id,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 11\n      }\n    }, __jsx(Icon, {\n      className: classes.icons,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 31,\n        columnNumber: 13\n      }\n    }, \"open_in_new\"), \"Read More\"))));\n  });\n  return __jsx(\"div\", {\n    className: classes.section,\n    id: \"notifications\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 5\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 7\n    }\n  }, __jsx(\"h2\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 11\n    }\n  }, \"Latest News\")), __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 7\n    }\n  }, latnews), __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 7\n    }\n  }, __jsx(Paginations, {\n    pages: [{\n      text: \"PREV\"\n    }, {\n      text: 1\n    }, {\n      text: 2\n    }, {\n      active: true,\n      text: 3\n    }, {\n      text: 4\n    }, {\n      text: 5\n    }, {\n      text: \"NEXT\"\n    }],\n    color: \"info\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 9\n    }\n  })));\n};\n\nexport default DataLatestNews;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/suzuki/latest_news/news.js"],"names":["React","makeStyles","styles","Grid","GridContainer","Card","CardBody","Button","Paginations","Icon","useStyles","DataLatestNews","backend","news","props","classes","latnews","map","data","padding","marginTop","width","height","display","imgCardTop","img","title","published_at","id","icons","section","text","active"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,OAAOC,MAAP,MAAmB,gFAAnB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,MAAP,MAAmB,oCAAnB;AACA,OAAOC,WAAP,MAAwB,qCAAxB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AAEA,IAAMC,SAAS,GAAGT,UAAU,CAACC,MAAD,CAA5B;;AAEA,IAAMS,cAAc,GAAG,SAAjBA,cAAiB,OAAuC;AAAA;;AAAA,MAA3BC,OAA2B,QAA3BA,OAA2B;AAAA,MAAlBC,IAAkB,QAAlBA,IAAkB;AAAA,MAATC,KAAS;;AAC5D,MAAMC,OAAO,GAAGL,SAAS,EAAzB;AACA,MAAMM,OAAO,GAAGH,IAAI,CAACI,GAAL,CAAS,UAACC,IAAD,EAAU;AACjC,WACA,MAAC,IAAD;AAAM,MAAA,KAAK,EAAC,QAAZ;AAAqB,MAAA,KAAK,EAAE;AAACC,QAAAA,OAAO,EAAC,MAAT;AAAiBC,QAAAA,SAAS,EAAC;AAA3B,OAA5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAE;AAAR,OAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AACE,MAAA,KAAK,EAAE;AAACC,QAAAA,MAAM,EAAE,OAAT;AAAkBD,QAAAA,KAAK,EAAE,MAAzB;AAAiCE,QAAAA,OAAO,EAAE;AAA1C,OADT;AAEE,MAAA,SAAS,EAAER,OAAO,CAACS,UAFrB;AAGE,MAAA,GAAG,YAAKZ,OAAL,SAAeM,IAAI,CAACO,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAf,CAHL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,EAME,MAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIP,IAAI,CAACQ,KAAT,CADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIR,IAAI,CAACS,YAAT,CAFF,EAGE,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,MAAd;AAAqB,MAAA,KAAK,MAA1B;AAA2B,MAAA,IAAI,EAAE,8CAA4CT,IAAI,CAACU,EAAlF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,SAAS,EAAEb,OAAO,CAACc,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBADF,cAHF,CANF,CADF,CADA;AAkBD,GAnBe,CAAhB;AAoBA,SACE;AAAK,IAAA,SAAS,EAAEd,OAAO,CAACe,OAAxB;AAAiC,IAAA,EAAE,EAAC,eAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAK,IAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBADJ,CADF,EAIE;AAAK,IAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACCd,OADD,CAJF,EAOE;AAAK,IAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,MAAC,WAAD;AACE,IAAA,KAAK,EAAE,CACL;AAAEe,MAAAA,IAAI,EAAE;AAAR,KADK,EAEL;AAAEA,MAAAA,IAAI,EAAE;AAAR,KAFK,EAGL;AAAEA,MAAAA,IAAI,EAAE;AAAR,KAHK,EAIL;AAAEC,MAAAA,MAAM,EAAE,IAAV;AAAgBD,MAAAA,IAAI,EAAE;AAAtB,KAJK,EAKL;AAAEA,MAAAA,IAAI,EAAE;AAAR,KALK,EAML;AAAEA,MAAAA,IAAI,EAAE;AAAR,KANK,EAOL;AAAEA,MAAAA,IAAI,EAAE;AAAR,KAPK,CADT;AAUE,IAAA,KAAK,EAAC,MAVR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CAPF,CADF;AAwBD,CA9CD;;AAgDA,eAAepB,cAAf","sourcesContent":["import React from 'react';\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport Paginations from \"components/Pagination/Pagination.js\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst DataLatestNews = function ({ backend, news, ...props }) {\r\n  const classes = useStyles();\r\n  const latnews = news.map((data) => {\r\n    return (\r\n    <Grid align=\"center\" style={{padding:\"30px\", marginTop:\"-50px\"}}>\r\n      <Card style={{width: \"20rem\"}}>\r\n        <img\r\n          style={{height: \"180px\", width: \"100%\", display: \"block\"}}\r\n          className={classes.imgCardTop}\r\n          src={`${backend}${data.img[0][\"url\"]}`}\r\n        />\r\n        <CardBody>\r\n          <p>{data.title}</p>\r\n          <p>{data.published_at}</p>\r\n          <Button color=\"info\" round href={\"/suzuki/latest_news/latestnews_details?s=\"+data.id}>\r\n            <Icon className={classes.icons}>open_in_new</Icon>Read More\r\n          </Button>\r\n        </CardBody>\r\n      </Card>\r\n    </Grid>\r\n    );\r\n  })\r\n  return (\r\n    <div className={classes.section} id=\"notifications\">\r\n      <div align=\"center\">\r\n          <h2>Latest News</h2>\r\n      </div>\r\n      <div align=\"center\">\r\n      {latnews}\r\n      </div>\r\n      <div align=\"center\">\r\n        <Paginations\r\n          pages={[\r\n            { text: \"PREV\" },\r\n            { text: 1 },\r\n            { text: 2 },\r\n            { active: true, text: 3 },\r\n            { text: 4 },\r\n            { text: 5 },\r\n            { text: \"NEXT\" }\r\n          ]}\r\n          color=\"info\"\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default DataLatestNews;\r\n"]},"metadata":{},"sourceType":"module"}