yusmar
/
tbg-ecomm-nextjs
1
0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
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.
84 提交
1 分支
204 MiB
 
 
目錄樹: 50cec1cd79
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 '50cec1cd79'
${ noResults }
tbg-ecomm-nextjs/.next/cache/next-babel-loader/1e55a7f6c8a3d8ee5ab91c930be...

1 line
19 KiB
原始文件 Blame 歷史記錄 

  1. {"ast":null,"code":"var _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\suzuki\\\\home\\\\feature.js\";\nvar __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React, { Component } from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport Card from \"components/Card/Card.js\";\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nimport imagesStyles from \"assets/jss/nextjs-material-kit/imagesStyles.js\";\nimport { cardTitle } from \"assets/jss/nextjs-material-kit.js\";\nimport Motor from \"assets/img/feature/1.jpg\";\nimport YGP from \"assets/img/feature/2.jpg\";\nimport Yamalube from \"assets/img/feature/3.jpg\";\nimport Apparel from \"assets/img/feature/4.jpg\";\nimport Helmet from \"assets/img/feature/5.jpg\";\nimport Accessories from \"assets/img/feature/6.jpg\";\n\nconst styles = _objectSpread({}, imagesStyles, {\n  cardTitle\n});\n\nconst useStyles = makeStyles(styles);\n\nconst DataFeature = function (_ref) {\n  let {\n    backend,\n    service\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"backend\", \"service\"]);\n\n  const classes = useStyles();\n  return __jsx(\"div\", {\n    className: classes.section,\n    id: \"notifications\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 9\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    className: classes.section,\n    id: \"notifications\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 13\n    }\n  }, __jsx(SnackbarContent, {\n    message: __jsx(\"h4\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 21\n      }\n    }, \"Feature Product\"),\n    align: \"center\",\n    color: \"info\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 17\n    }\n  })), __jsx(GridContainer, {\n    justify: \"center\",\n    style: {\n      padding: \"50px\",\n      marginTop: \"-30px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 13\n    }\n  }, __jsx(Grid, {\n    align: \"center\",\n    style: {\n      padding: \"25px\",\n      marginTop: \"-30px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    style: {\n      width: \"19rem\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 42,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 21\n    }\n  }, __jsx(\"img\", {\n    style: {\n      height: \"180px\",\n      width: \"300px\",\n      display: \"block\"\n    },\n    className: classes.imgCardTop,\n    src: Motor,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 25\n    }\n  })))), __jsx(Grid, {\n    align: \"center\",\n    style: {\n      padding: \"25px\",\n      marginTop: \"-30px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    style: {\n      width: \"19rem\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 21\n    }\n  }, __jsx(\"img\", {\n    style: {\n      height: \"180px\",\n      width: \"300px\",\n      display: \"block\"\n    },\n    className: classes.imgCardTop,\n    src: YGP,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 52,\n      columnNumber: 25\n    }\n  })))), __jsx(Grid, {\n    align: \"center\",\n    style: {\n      padding: \"25px\",\n      marginTop: \"-30px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 57,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    style: {\n      width: \"19rem\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59,\n      columnNumber: 21\n    }\n  }, __jsx(\"img\", {\n    style: {\n      height: \"180px\",\n      width: \"300px\",\n      display: \"block\"\n    },\n    className: classes.imgCardTop,\n    src: Yamalube,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 60,\n      columnNumber: 25\n    }\n  })))), __jsx(Grid, {\n    align: \"center\",\n    style: {\n      padding: \"25px\",\n      marginTop: \"-30px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    style: {\n      width: \"19rem\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 66,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67,\n      columnNumber: 21\n    }\n  }, __jsx(\"img\", {\n    style: {\n      height: \"180px\",\n      width: \"200px\",\n      display: \"block\"\n    },\n    className: classes.imgCardTop,\n    src: Apparel,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 68,\n      columnNumber: 25\n    }\n  })))), __jsx(Grid, {\n    align: \"center\",\n    style: {\n      padding: \"25px\",\n      marginTop: \"-30px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 73,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    style: {\n      width: \"19rem\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 74,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 75,\n      columnNumber: 21\n    }\n  }, __jsx(\"img\", {\n    style: {\n      height: \"180px\",\n      width: \"200px\",\n      display: \"block\"\n    },\n    className: classes.imgCardTop,\n    src: Helmet,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 76,\n      columnNumber: 25\n    }\n  })))), __jsx(Grid, {\n    align: \"center\",\n    style: {\n      padding: \"25px\",\n      marginTop: \"-30px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 17\n    }\n  }, __jsx(Card, {\n    style: {\n      width: \"19rem\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 82,\n      columnNumber: 21\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83,\n      columnNumber: 21\n    }\n  }, __jsx(\"img\", {\n    style: {\n      height: \"180px\",\n      width: \"300px\",\n      display: \"block\"\n    },\n    className: classes.imgCardTop,\n    src: Accessories,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 84,\n      columnNumber: 25\n    }\n  }))))));\n};\n\nexport default DataFeature;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/suzuki/home/feature.js"],"names":["React","Component","makeStyles","Button","Icon","GridContainer","Grid","Card","SnackbarContent","imagesStyles","cardTitle","Motor","YGP","Yamalube","Apparel","Helmet","Accessories","styles","useStyles","DataFeature","backend","service","props","classes","section","padding","marginTop","width","height","display","imgCardTop"],"mappings":"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","sourcesContent":["import React, { Component } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Card from \"components/Card/Card.js\";\r\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\r\n\r\nimport imagesStyles from \"assets/jss/nextjs-material-kit/imagesStyles.js\";\r\nimport { cardTitle } from \"assets/jss/nextjs-material-kit.js\";\r\n\r\nimport Motor from \"assets/img/feature/1.jpg\";\r\nimport YGP from \"assets/img/feature/2.jpg\";\r\nimport Yamalube from \"assets/img/feature/3.jpg\";\r\nimport Apparel from \"assets/img/feature/4.jpg\";\r\nimport Helmet from \"assets/img/feature/5.jpg\";\r\nimport Accessories from \"assets/img/feature/6.jpg\";\r\n\r\nconst styles = {\r\n    ...imagesStyles,\r\n    cardTitle,\r\n};\r\n\r\nconst useStyles = makeStyles(styles);\r\nconst DataFeature = function ({ backend, service, ...props })  {\r\n    const classes = useStyles();\r\n    return (\r\n        <div className={classes.section} id=\"notifications\">\r\n            <div align=\"center\" className={classes.section} id=\"notifications\">\r\n                <SnackbarContent\r\n                message={\r\n                    <h4>Feature Product</h4>\r\n                }\r\n                align=\"center\"\r\n                color=\"info\"\r\n                />\r\n            </div>\r\n            <GridContainer justify=\"center\" style={{padding:\"50px\", marginTop:\"-30px\"}}>\r\n                <Grid align=\"center\" style={{padding:\"25px\", marginTop:\"-30px\"}}>\r\n                    <Card style={{width: \"19rem\"}}>\r\n                    <div align=\"center\">\r\n                        <img\r\n                        style={{height: \"180px\", width: \"300px\", display: \"block\"}} className={classes.imgCardTop} src={Motor}/>\r\n                    </div>\r\n                    </Card>\r\n                </Grid>\r\n                <Grid align=\"center\" style={{padding:\"25px\", marginTop:\"-30px\"}}>\r\n                    <Card style={{width: \"19rem\"}}>\r\n                    <div align=\"center\">\r\n                        <img\r\n                        style={{height: \"180px\", width: \"300px\", display: \"block\"}} className={classes.imgCardTop} src={YGP}/>\r\n                    </div>\r\n                    </Card>\r\n                </Grid>\r\n                <Grid align=\"center\" style={{padding:\"25px\", marginTop:\"-30px\"}}>\r\n                    <Card style={{width: \"19rem\"}}>\r\n                    <div align=\"center\">\r\n                        <img\r\n                        style={{height: \"180px\", width: \"300px\", display: \"block\"}} className={classes.imgCardTop} src={Yamalube}/>\r\n                    </div>\r\n                    </Card>\r\n                </Grid>\r\n                <Grid align=\"center\" style={{padding:\"25px\", marginTop:\"-30px\"}}>\r\n                    <Card style={{width: \"19rem\"}}>\r\n                    <div align=\"center\">\r\n                        <img\r\n                        style={{height: \"180px\", width: \"200px\", display: \"block\"}} className={classes.imgCardTop} src={Apparel}/>\r\n                    </div>\r\n                    </Card>\r\n                </Grid>\r\n                <Grid align=\"center\" style={{padding:\"25px\", marginTop:\"-30px\"}}>\r\n                    <Card style={{width: \"19rem\"}}>\r\n                    <div align=\"center\">\r\n                        <img\r\n                        style={{height: \"180px\", width: \"200px\", display: \"block\"}} className={classes.imgCardTop} src={Helmet}/>\r\n                    </div>\r\n                    </Card>\r\n                </Grid>\r\n                <Grid align=\"center\" style={{padding:\"25px\", marginTop:\"-30px\"}}>\r\n                    <Card style={{width: \"19rem\"}}>\r\n                    <div align=\"center\">\r\n                        <img\r\n                        style={{height: \"180px\", width: \"300px\", display: \"block\"}} className={classes.imgCardTop} src={Accessories}/>\r\n                    </div>\r\n                    </Card>\r\n                </Grid>\r\n            </GridContainer>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default DataFeature;"]},"metadata":{},"sourceType":"module"}