import React from "react"; import classNames from "classnames"; import { makeStyles } from "@material-ui/core/styles"; import Header from "components/Header/Header.js"; import HeaderLinks from "components/Header/HeaderLinks.js"; import Footer from "components/Footer/Footer.js"; import Parallax from "components/Parallax/Parallax.js"; import styles from "assets/jss/nextjs-material-kit/pages/components.js"; import GetDataYamalube from "../../api/product/accessories.js"; import DataYamalube from "../../pages-sections/product/yamalube.js"; import DataSnackbarContent from "../../pages-sections/snackbar.js"; const useStyles = makeStyles(styles); const Yamalube = function ({ yamalube, backend, ...props }) { const classes = useStyles(); const { ...rest } = props; return (
} fixed color="info" changeColorOnScroll={{ height: 400, color: "white", }} {...rest} />
); }; export default Yamalube; export async function getServerSideProps(context) { var yamalube = []; const backend = process.env.BACKEND_SERVER_URI; var res = await GetDataYamalube.GetYamalube(); console.log(res); if (res["STATUS"] === 1) { yamalube = res["DATA"]["accessories"]; } return { props: { yamalube, backend }, // will be passed to the page component as props }; }