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 YamalubeDetail from "pages-sections/yamaha/product/yamalube_details.js"; import Parallax from "components/Parallax/Parallax.js"; import styles from "assets/jss/nextjs-material-kit/pages/components.js"; import GetDetailYamalube from "../../../api/product/accessories.js" const useStyles = makeStyles(styles); const YamalubeDetails = function ({ backend, detailyamalube, ...props }) { const classes = useStyles(); const { ...rest } = props; return (
} fixed color="info" changeColorOnScroll={{ height: 400, color: "white" }} {...rest} />
); } export default YamalubeDetails; export async function getServerSideProps(context) { var {query} = context; var detailyamalube = []; const backend = process.env.BACKEND_SERVER_URI; var res = await GetDetailYamalube.GetDetailAccessories(query.s||0); if (res["STATUS"] === 1) { detailyamalube = res["DATA"]["accessories"]; } return { props: { detailyamalube, backend }, // will be passed to the page component as props }; }