You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
7.4 KiB

  1. {"ast":null,"code":"import _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"C:\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\hino\\\\home\\\\service.js\";\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport Card from \"components/Card/Card.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nvar useStyles = makeStyles(styles);\n\nvar DataService = function DataService(_ref) {\n var _this = this;\n\n var backend = _ref.backend,\n service = _ref.service,\n props = _objectWithoutProperties(_ref, [\"backend\", \"service\"]);\n\n var classes = useStyles();\n var services = service.map(function (data, index) {\n return __jsx(Grid, {\n align: \"center\",\n style: {\n padding: \"25px\",\n marginTop: \"-30px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 9\n }\n }, __jsx(Card, {\n style: {\n width: \"20rem\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 13\n }\n }, __jsx(\"img\", {\n style: {\n height: \"180px\",\n width: \"300px\",\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: 18,\n columnNumber: 17\n }\n }))));\n });\n return __jsx(\"div\", {\n className: classes.section,\n id: \"notifications\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 9\n }\n }, __jsx(\"div\", {\n align: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 13\n }\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 21\n }\n }, \"Our Service\"),\n align: \"center\",\n color: \"info\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 17\n }\n }))), __jsx(\"div\", {\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 13\n }\n }, __jsx(GridContainer, {\n style: {\n padding: \"40px\"\n },\n justify: \"center\",\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 13\n }\n }, services)));\n};\n\nexport default DataService;","map":{"version":3,"sources":["C:/tbg-ecomm-nextjs/pages-sections/hino/home/service.js"],"names":["React","makeStyles","GridContainer","Grid","Paper","Card","styles","SnackbarContent","useStyles","DataService","backend","service","props","classes","services","map","data","index","padding","marginTop","width","height","display","imgCardTop","img","section"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,KAAP,MAAkB,yBAAlB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,MAAP,MAAmB,gFAAnB;AACA,OAAOC,eAAP,MAA4B,wCAA5B;AAEA,IAAMC,SAAS,GAAGP,UAAU,CAACK,MAAD,CAA5B;;AACA,IAAMG,WAAW,GAAG,SAAdA,WAAc,OAA2C;AAAA;;AAAA,MAA/BC,OAA+B,QAA/BA,OAA+B;AAAA,MAAtBC,OAAsB,QAAtBA,OAAsB;AAAA,MAAVC,KAAU;;AAC3D,MAAMC,OAAO,GAAGL,SAAS,EAAzB;AACA,MAAMM,QAAQ,GAAGH,OAAO,CAACI,GAAR,CAAY,UAACC,IAAD,EAAOC,KAAP;AAAA,WACzB,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,OACI,MAAC,IAAD;AAAM,MAAA,KAAK,EAAE;AAACC,QAAAA,KAAK,EAAE;AAAR,OAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACA;AAAK,MAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AACA,MAAA,KAAK,EAAE;AAACC,QAAAA,MAAM,EAAE,OAAT;AAAkBD,QAAAA,KAAK,EAAE,OAAzB;AAAkCE,QAAAA,OAAO,EAAE;AAA3C,OADP;AAC4D,MAAA,SAAS,EAAET,OAAO,CAACU,UAD/E;AAC2F,MAAA,GAAG,YAAKb,OAAL,SAAeM,IAAI,CAACQ,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAf,CAD9F;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,CADA,CADJ,CADyB;AAAA,GAAZ,CAAjB;AAUA,SACI;AAAK,IAAA,SAAS,EAAEX,OAAO,CAACY,OAAxB;AAAiC,IAAA,EAAE,EAAC,eAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA;AAAK,IAAA,KAAK,EAAC,QAAX;AAAoB,IAAA,SAAS,EAAEZ,OAAO,CAACY,OAAvC;AAAgD,IAAA,EAAE,EAAC,eAAnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,eAAD;AACA,IAAA,OAAO,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAFJ;AAIA,IAAA,KAAK,EAAC,QAJN;AAKA,IAAA,KAAK,EAAC,MALN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,CADA,CADJ,EAYI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA,MAAC,aAAD;AAAe,IAAA,KAAK,EAAE;AAACP,MAAAA,OAAO,EAAE;AAAV,KAAtB;AAAyC,IAAA,OAAO,EAAC,QAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACKJ,QADL,CADA,CAZJ,CADJ;AAoBH,CAhCD;;AAkCA,eAAeL,WAAf","sourcesContent":["import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Card from \"components/Card/Card.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js\";\r\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataService = function ({ backend, service, ...props }) {\r\n const classes = useStyles();\r\n const services = service.map((data, index) => (\r\n <Grid align=\"center\" style={{padding:\"25px\", marginTop:\"-30px\"}}>\r\n <Card style={{width: \"20rem\"}}>\r\n <div align=\"center\">\r\n <img\r\n style={{height: \"180px\", width: \"300px\", display: \"block\"}} className={classes.imgCardTop} src={`${backend}${data.img[0][\"url\"]}`}/>\r\n </div>\r\n </Card>\r\n </Grid>\r\n ));\r\n return (\r\n <div className={classes.section} id=\"notifications\">\r\n <div align=\"center\">\r\n <div align=\"center\" className={classes.section} id=\"notifications\">\r\n <SnackbarContent\r\n message={\r\n <h4>Our Service</h4>\r\n }\r\n align=\"center\"\r\n color=\"info\"\r\n />\r\n </div>\r\n </div>\r\n <div>\r\n <GridContainer style={{padding: \"40px\"}} justify=\"center\">\r\n {services}\r\n </GridContainer>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DataService;"]},"metadata":{},"sourceType":"module"}