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.
 
 

58 wiersze
1.7 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 Parallax from "components/Parallax/Parallax.js";
  8. import styles from "assets/jss/nextjs-material-kit/pages/components.js";
  9. import GetDataYamalube from "../../api/product/accessories.js";
  10. import DataYamalube from "../../pages-sections/product/yamalube.js";
  11. import DataSnackbarContent from "../../pages-sections/snackbar.js";
  12. const useStyles = makeStyles(styles);
  13. const Yamalube = function ({ yamalube, backend, ...props }) {
  14. const classes = useStyles();
  15. const { ...rest } = props;
  16. return (
  17. <div>
  18. <Header
  19. rightLinks={<HeaderLinks />}
  20. fixed
  21. color="info"
  22. changeColorOnScroll={{
  23. height: 400,
  24. color: "white",
  25. }}
  26. {...rest}
  27. />
  28. <Parallax image={require("assets/img/yamalube.jpg")} height="200px"/>
  29. <div className={classNames(classes.main, classes.mainRaised)}>
  30. <DataSnackbarContent/>
  31. <DataYamalube yamalube={yamalube} backend={backend} />
  32. </div>
  33. <Footer />
  34. </div>
  35. );
  36. };
  37. export default Yamalube;
  38. export async function getServerSideProps(context) {
  39. var yamalube = [];
  40. const backend = process.env.BACKEND_SERVER_URI;
  41. var res = await GetDataYamalube.GetYamalube();
  42. console.log(res);
  43. if (res["STATUS"] === 1) {
  44. yamalube = res["DATA"]["accessories"];
  45. }
  46. return {
  47. props: { yamalube, backend }, // will be passed to the page component as props
  48. };
  49. }