No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 

151 líneas
4.8 KiB

  1. import React from "react";
  2. import classNames from "classnames";
  3. import { makeStyles } from "@material-ui/core/styles";
  4. import { QueryClient, QueryClientProvider, useQuery } from 'react-query'
  5. import Header from "components/Header/Header.js";
  6. import HeaderLinks from "components/Header/HeaderLinks.js";
  7. import Footer from "components/Footer/Footer.js";
  8. import Parallax from "components/Parallax/Parallax.js";
  9. import styles from "assets/jss/nextjs-material-kit/pages/components.js";
  10. import GetDataHelmet from "../../../api/product/helmet.js"
  11. import DataHelmet from "../../../pages-sections/yamaha/product/helmet.js";
  12. import DataSnackbarContent from "../../../pages-sections/yamaha/snackbar.js";
  13. import Router from 'next/router'
  14. import Cookies from "cookies";
  15. const useStyles = makeStyles(styles);
  16. const queryClient = new QueryClient();
  17. const handleName = values => {
  18. Router.push({
  19. pathname: '/yamaha/product/helmet',
  20. query: (values&&values.length!=0)?{ filter: values[0]["name"] }:{},
  21. })
  22. }
  23. const Helmet = function ({ user, selected, helmet, mtx, extreme, ranger, backend, fighter, swirl, classic, uno, ...props }) {
  24. const classes = useStyles();
  25. const { ...rest } = props;
  26. return (
  27. <div>
  28. <Header
  29. rightLinks={<HeaderLinks username={user} />}
  30. fixed
  31. color="info"
  32. changeColorOnScroll={{
  33. height: 400,
  34. color: "white",
  35. }}
  36. {...rest}
  37. />
  38. <Parallax image={require("assets/img/yamalube.jpg")} height="200px"/>
  39. <div className={classNames(classes.main, classes.mainRaised)}>
  40. <QueryClientProvider client={queryClient}>
  41. <DataSnackbarContent/>
  42. <DataHelmet selected={(selected=="")?null:selected[0]["id"]} handleName={handleName} helmet={helmet} mtx={mtx} extreme={extreme} ranger={ranger} fighter={fighter} swirl={swirl} classic={classic} uno={uno} backend={backend} />
  43. </QueryClientProvider>
  44. </div>
  45. <Footer />
  46. </div>
  47. );
  48. };
  49. export default Helmet;
  50. export async function getServerSideProps(context) {
  51. var helmet = [];
  52. var mtx = [];
  53. var extreme = [];
  54. var ranger = [];
  55. var fighter = [];
  56. var swirl = [];
  57. var classic = [];
  58. var uno = [];
  59. var filter = context.query.filter||"";
  60. var selected = "";
  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() == "YAMAHA"
  72. );
  73. });
  74. if (sessionId.length != 0) user = userObj["username"];
  75. }
  76. var res = await GetDataHelmet.GetHelmetRConcepts(filter);
  77. if (res["STATUS"] === 1) {
  78. helmet = res["DATA"]["helmets"];
  79. if (filter !=""){
  80. selected = helmet.filter((i)=>i.name==filter);
  81. }
  82. }
  83. var res = await GetDataHelmet.GetHelmetMTX(filter);
  84. if (res["STATUS"] === 1) {
  85. mtx = res["DATA"]["helmets"];
  86. if (filter !=""){
  87. selected = mtx.filter((i)=>i.name==filter);
  88. }
  89. }
  90. var res = await GetDataHelmet.GetHelmetExtreme(filter);
  91. if (res["STATUS"] === 1) {
  92. extreme = res["DATA"]["helmets"];
  93. if (filter !=""){
  94. selected = extreme.filter((i)=>i.name==filter);
  95. }
  96. }
  97. var res = await GetDataHelmet.GetHelmetRanger(filter);
  98. if (res["STATUS"] === 1) {
  99. ranger = res["DATA"]["helmets"];
  100. if (filter !=""){
  101. selected = ranger.filter((i)=>i.name==filter);
  102. }
  103. }
  104. var res = await GetDataHelmet.GetHelmetFighter(filter);
  105. if (res["STATUS"] === 1) {
  106. fighter = res["DATA"]["helmets"];
  107. if (filter !=""){
  108. selected = fighter.filter((i)=>i.name==filter);
  109. }
  110. }
  111. var res = await GetDataHelmet.GetHelmetSwirl(filter);
  112. if (res["STATUS"] === 1) {
  113. swirl = res["DATA"]["helmets"];
  114. if (filter !=""){
  115. selected = swirl.filter((i)=>i.name==filter);
  116. }
  117. }
  118. var res = await GetDataHelmet.GetHelmetClassic(filter);
  119. if (res["STATUS"] === 1) {
  120. classic = res["DATA"]["helmets"];
  121. if (filter !=""){
  122. selected = classic.filter((i)=>i.name==filter);
  123. }
  124. }
  125. var res = await GetDataHelmet.GetHelmetUno(filter);
  126. if (res["STATUS"] === 1) {
  127. uno = res["DATA"]["helmets"];
  128. if (filter !=""){
  129. selected = uno.filter((i)=>i.name==filter);
  130. }
  131. }
  132. return {
  133. props: { user, selected, helmet, mtx, extreme, ranger, fighter, swirl, classic, uno, backend }, // will be passed to the page component as props
  134. };
  135. }