Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
 
 

78 rader
2.3 KiB

  1. import React from "react";
  2. import classNames from "classnames";
  3. import { makeStyles } from "@material-ui/core/styles";
  4. import Header from "components/Header/Header.js";
  5. import HeaderLinks from "components/Header/HeaderLinks.js";
  6. import Footer from "components/Footer/Footer.js";
  7. import ProductDetail from "pages-sections/yamaha/product/product_details.js";
  8. import Parallax from "components/Parallax/Parallax.js";
  9. import styles from "assets/jss/nextjs-material-kit/pages/components.js";
  10. import GetDetailproduct from "../../../api/product/product.js"
  11. import Cookies from "cookies";
  12. const useStyles = makeStyles(styles);
  13. const ProductDetails = function ({ backend, detailproduct, user, color, ...props }) {
  14. const classes = useStyles();
  15. const { ...rest } = props;
  16. return (
  17. <div>
  18. <Header
  19. leftLinks={<HeaderLinks username={user} />}
  20. fixed
  21. color="info"
  22. changeColorOnScroll={{
  23. height: 400,
  24. color: "white"
  25. }}
  26. {...rest}
  27. />
  28. <Parallax image={require("assets/img/Promotion_2-1.jpg")} width="200px"/>
  29. <div className={classNames(classes.main, classes.mainRaised)}>
  30. <ProductDetail detailproduct={detailproduct} backend={backend} color={color}/>
  31. </div>
  32. <Footer />
  33. </div>
  34. );
  35. }
  36. export default ProductDetails;
  37. export async function getServerSideProps(context) {
  38. var {query} = context;
  39. var detailproduct = [];
  40. var color = [];
  41. const backend = process.env.BACKEND_SERVER_URI;
  42. var { req, resp } = context;
  43. const cookies = new Cookies(req, resp);
  44. var user = "";
  45. var userObj = (await cookies.get("user"))
  46. ? JSON.parse(await cookies.get("user"))
  47. : null;
  48. if (userObj) {
  49. let sessionId = userObj["partners_login_states"].filter(function (i) {
  50. return (
  51. i.business_partner && i.business_partner.name.toUpperCase() == "YAMAHA"
  52. );
  53. });
  54. if (sessionId.length != 0) user = userObj["username"];
  55. }
  56. var res = await GetDetailproduct.GetProductImgColor(query.s||0);
  57. if (res["STATUS"] === 1) {
  58. color = res["DATA"]["productImageColors"];
  59. }
  60. var res = await GetDetailproduct.GetDetailProduct(query.s||0);
  61. if (res["STATUS"] === 1) {
  62. detailproduct = res["DATA"]["products"];
  63. }
  64. return {
  65. props: { detailproduct, backend, color, user }, // will be passed to the page component as props
  66. };
  67. }