Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
 
 

1 wiersz
22 KiB

  1. {"ast":null,"code":"var __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\nimport React from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport NavPills from \"components/NavPills/NavPills.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport { Motorcycle } from \"@material-ui/icons\";\nimport NumberFormat from 'react-number-format';\nimport SnackbarContent from \"components/Snackbar/SnackbarContent.js\";\nconst useStyles = makeStyles(styles);\n\nconst DataProduct = function (_ref) {\n let {\n backend,\n ygp,\n yamalube,\n rconcept,\n mtx,\n extreme,\n ranger,\n fighter,\n swirl,\n classic,\n uno,\n apparel,\n accessories\n } = _ref,\n props = _objectWithoutProperties(_ref, [\"backend\", \"ygp\", \"yamalube\", \"rconcept\", \"mtx\", \"extreme\", \"ranger\", \"fighter\", \"swirl\", \"classic\", \"uno\", \"apparel\", \"accessories\"]);\n\n console.log(rconcept);\n const classes = useStyles();\n const rest = Object.assign({}, props);\n const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n const YGP = ygp.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"150px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(\"br\", null), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/ygp_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const Yamalube = yamalube.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\",\n height: \"350px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n height: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(\"br\", null), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/yamalube_detail?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const HelmetRConcepts = rconcept.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"150px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const HelmetMTX = mtx.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const HelmetExtreme = extreme.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const HelmetRanger = ranger.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const HelmetFighter = fighter.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const HelmetSwirl = swirl.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const HelmetClassic = classic.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const HelmetUno = uno.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const ApparelRConcept = apparel.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n const Accessories = accessories.map(data => {\n return __jsx(\"div\", {\n style: {\n padding: \"20px\",\n marginTop: \"-40px\"\n }\n }, __jsx(Card, {\n className: classes.textCenter,\n align: \"center\",\n style: {\n width: \"300px\"\n }\n }, __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\",\n style: {\n padding: \"10px\"\n }\n }, __jsx(\"img\", {\n style: {\n width: \"100px\",\n display: \"block\"\n },\n src: `${backend}${data.img[\"url\"]}`,\n className: navImageClasses\n }), __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h5\", null, data.name), __jsx(\"h5\", null, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.'\n })), __jsx(Button, {\n color: \"info\",\n round: true,\n href: \"/yamaha/product/helmet_details?s=\" + data.id\n }, __jsx(Icon, {\n className: classes.icons\n }, \"open_in_new\"), \"Detail Product\"))))));\n });\n return __jsx(Card, {\n className: classes.textCenter\n }, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(CardHeader, {\n color: \"info\"\n }, \"Product\")), __jsx(CardBody, null, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"h2\", null, \"Sparepart & Accessories\")), __jsx(GridContainer, {\n justify: \"center\"\n }, __jsx(GridItem, null, __jsx(NavPills, {\n alignCenter: true,\n color: \"primary\",\n tabs: [{\n tabButton: \"YGP\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, YGP)\n }, {\n tabButton: \"Yamalube\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Yamalube)\n }, {\n tabButton: \"Helmet\",\n tabIcon: Motorcycle,\n tabContent: __jsx(\"div\", null, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"R CONCEPT\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, HelmetRConcepts)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"-50px\"\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"MTX\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, HelmetMTX)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"-50px\"\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"Extreme\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, HelmetExtreme)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"-50px\"\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"Ranger\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, HelmetRanger)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"-50px\"\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"Fighter\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, HelmetFighter)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"-50px\"\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"Swirl\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, HelmetSwirl)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"-50px\"\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"Classic\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, HelmetClassic)), __jsx(\"br\", null), __jsx(\"br\", null), __jsx(\"div\", {\n align: \"center\",\n style: {\n marginTop: \"-50px\"\n }\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"Uno\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, HelmetUno)), __jsx(\"br\", null), __jsx(\"br\", null))\n }, {\n tabButton: \"Apparel\",\n tabIcon: Motorcycle,\n tabContent: __jsx(\"div\", null, __jsx(\"div\", {\n align: \"center\"\n }, __jsx(\"div\", {\n align: \"center\",\n className: classes.section,\n id: \"notifications\"\n }, __jsx(SnackbarContent, {\n message: __jsx(\"h4\", null, \"R Concept Apprael\"),\n align: \"center\",\n color: \"info\"\n })), __jsx(GridContainer, {\n justify: \"center\",\n style: {\n padding: \"40px\",\n marginTop: \"-50px\"\n }\n }, ApparelRConcept)), __jsx(\"br\", null), __jsx(\"br\", null))\n }, {\n tabButton: \"Accessories\",\n tabIcon: Motorcycle,\n tabContent: __jsx(GridContainer, {\n justify: \"center\"\n }, Accessories)\n }]\n })))));\n};\n\nexport default DataProduct;","map":null,"metadata":{},"sourceType":"module"}