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.
 
 

71 rader
2.1 KiB

  1. import React from "react";
  2. // nodejs library that concatenates classes
  3. import classNames from "classnames";
  4. // react components for routing our app without refresh
  5. import Link from "next/link";
  6. // @material-ui/core components
  7. import { makeStyles } from "@material-ui/core/styles";
  8. // @material-ui/icons
  9. // core components
  10. import Header from "components/Header/Header.js";
  11. import HeaderLinks from "components/Header/HeaderLinks.js";
  12. import Footer from "components/Footer/Footer.js";
  13. import GridContainer from "components/Grid/GridContainer.js";
  14. import GridItem from "components/Grid/GridItem.js";
  15. import SectionProduct from "pages-sections/SectionProduct.js";
  16. import Parallax from "components/Parallax/Parallax.js";
  17. import styles from "assets/jss/nextjs-material-kit/pages/components.js";
  18. import Getproduct from "../api/product/product.js"
  19. const useStyles = makeStyles(styles);
  20. export default function Components(props) {
  21. const classes = useStyles();
  22. const { ...rest } = props;
  23. return (
  24. <div>
  25. <Header
  26. rightLinks={<HeaderLinks/>}
  27. fixed
  28. color="info"
  29. changeColorOnScroll={{
  30. height: 400,
  31. color: "white"
  32. }}
  33. {...rest}
  34. />
  35. <Parallax image={require("assets/img/Promotion_2-1.jpg")} width="200px">
  36. <div className={classes.container}>
  37. <GridContainer>
  38. <GridItem>
  39. {/* <div className={classes.brand}>
  40. <h1 className={classes.title}>NextJS Material Kit.</h1>
  41. <h3 className={classes.subtitle}>
  42. A Badass Material Kit based on Material-UI and NextJS.
  43. </h3>
  44. </div> */}
  45. </GridItem>
  46. </GridContainer>
  47. </div>
  48. </Parallax>
  49. <div className={classNames(classes.main, classes.mainRaised)}>
  50. <SectionProduct />
  51. </div>
  52. <Footer />
  53. </div>
  54. );
  55. }
  56. export async function getServerSideProps(context) {
  57. var product = [];
  58. var res = await Getproduct.GetProduct();
  59. if (res["STATUS"] === 1) {
  60. product = res["DATA"]["products"];
  61. }
  62. return {
  63. props: { product }, // will be passed to the page component as props
  64. };
  65. }