25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

97 lines
2.9 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 HeaderSuzuki from "components/Header/HeaderSuzuki.js";
  6. import Parallax from "components/Parallax/Parallax.js";
  7. import styles from "assets/jss/nextjs-material-kit/pages/components.js";
  8. import FooterSuzuki from "components/Footer/FooterSuzuki.js";
  9. import Getservices from "../../api/home/service.js";
  10. import Getcarousels from "../../api/home/carousel.js";
  11. import DataSnackbarContent from "../../pages-sections/suzuki/snackbar.js";
  12. import DataCarousel from "../../pages-sections/suzuki/home/carousel.js";
  13. import DataService from "../../pages-sections/suzuki/home/service.js";
  14. import DataSosmed from "../../pages-sections/suzuki/home/sosmed.js";
  15. import CoreValue from "../../pages-sections/suzuki/home/core_value.js";
  16. import Cookies from "cookies";
  17. const useStyles = makeStyles(styles);
  18. const Home = function ({
  19. backend,
  20. businessPartners,
  21. service,
  22. carousels,
  23. user,
  24. ...props
  25. }) {
  26. const classes = useStyles();
  27. const { ...rest } = props;
  28. <DataService service={props.service} />;
  29. return (
  30. <div>
  31. <Header
  32. rightLinks={<HeaderSuzuki username={user} />}
  33. fixed
  34. color="info"
  35. changeColorOnScroll={{
  36. height: 400,
  37. color: "white",
  38. }}
  39. {...rest}
  40. />
  41. <Parallax
  42. image={require("assets/img/dekstop_pandemi.jpg")}
  43. styles={{ marginTop: "50px" }}
  44. />
  45. <div className={classNames(classes.main, classes.mainRaised)}>
  46. <DataSnackbarContent />
  47. <CoreValue />
  48. <DataCarousel carousels={carousels} backend={backend} />
  49. <DataService service={service} backend={backend} />
  50. {/* <DataFeature /> */}
  51. <DataSosmed service={service} backend={backend} />
  52. </div>
  53. <FooterSuzuki />
  54. </div>
  55. );
  56. };
  57. export async function getServerSideProps(context) {
  58. var businessPartners = [];
  59. var service = [];
  60. var carousels = [];
  61. const backend = process.env.BACKEND_SERVER_URI;
  62. var { req, resp } = context;
  63. const cookies = new Cookies(req, resp);
  64. var user = "";
  65. var userObj = (await cookies.get("user"))
  66. ? JSON.parse(await cookies.get("user"))
  67. : null;
  68. if (userObj) {
  69. let sessionId = userObj["partners_login_states"].filter(function (i) {
  70. return (
  71. i.business_partner && i.business_partner.name.toUpperCase() == "SUZUKI"
  72. );
  73. });
  74. if (sessionId.length != 0) user = userObj["username"];
  75. }
  76. var res = await Getservices.GetservicesSuzuki();
  77. if (res["STATUS"] === 1) {
  78. service = res["DATA"]["services"];
  79. }
  80. var res = await Getcarousels.GetCarouselsSuzuki();
  81. if (res["STATUS"] === 1) {
  82. carousels = res["DATA"]["carousels"];
  83. }
  84. return {
  85. props: { businessPartners, service, carousels, backend, user }, // will be passed to the page component as props
  86. };
  87. }
  88. export default Home;