You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

257 rivejä
10 KiB

  1. /*eslint-disable*/
  2. import React from "react";
  3. import Link from "next/link";
  4. // @material-ui/core components
  5. import { makeStyles } from "@material-ui/core/styles";
  6. import List from "@material-ui/core/List";
  7. import ListItem from "@material-ui/core/ListItem";
  8. import Icon from "@material-ui/core/Icon";
  9. import Chart from "@material-ui/icons/LocalGroceryStore";
  10. // @material-ui/icons
  11. import { Apps, ShareTwoTone, Person } from "@material-ui/icons";
  12. // core components
  13. import CustomDropdown from "components/CustomDropdown/CustomDropdown.js";
  14. import Button from "components/CustomButtons/Button.js";
  15. import styles from "assets/jss/nextjs-material-kit/components/headerLinksStyle.js";
  16. const useStyles = makeStyles(styles);
  17. export default function HeaderLinks({ username, ...props }) {
  18. const classes = useStyles();
  19. return (
  20. <List className={classes.list}>
  21. <ListItem className={classes.listItem}>
  22. <Link href="/suzuki/home">
  23. <Button color="transparent" className={classes.navLink}>
  24. <img
  25. src="https://1.bp.blogspot.com/-J9AsxdwrF-Y/Wn70KyBApaI/AAAAAAAACRo/LTy3zrALzhckryd9QPi_KuVyWvwFMZyMQCLcBGAs/s640/TG.png"
  26. width="180px"
  27. />
  28. </Button>
  29. </Link>
  30. </ListItem>
  31. <ListItem className={classes.listItem}>
  32. <Link href="/suzuki/home">
  33. <Button
  34. color="transparent"
  35. className={classes.navLink}
  36. style={{ marginTop: "10px" }}
  37. >
  38. <Icon className={classes.icons}>home</Icon> Home
  39. </Button>
  40. </Link>
  41. </ListItem>
  42. <ListItem className={classes.listItem}>
  43. <Link href="/suzuki/product/product">
  44. <Button
  45. color="transparent"
  46. className={classes.navLink}
  47. style={{ marginTop: "10px" }}
  48. >
  49. <Icon className={classes.icons}>home</Icon> Product
  50. </Button>
  51. </Link>
  52. </ListItem>
  53. {/* <ListItem className={classes.listItem} style={{marginTop:"10px"}}>
  54. <CustomDropdown
  55. noLiPadding
  56. navDropdown
  57. buttonText="Product"
  58. buttonProps={{
  59. className: classes.navLink,
  60. color: "transparent",
  61. }}
  62. buttonIcon={Apps}
  63. dropdownList={[
  64. <Link href="/suzuki/product/product">
  65. <a className={classes.dropdownLink}>Motor</a>
  66. </Link>,
  67. <Link href="/suzuki/product/ygp">
  68. <a className={classes.dropdownLink}>YGP</a>
  69. </Link>,
  70. <Link href="/suzuki/product/yamalube">
  71. <a className={classes.dropdownLink}>Yamalube</a>
  72. </Link>,
  73. <Link href="/suzuki/product/helmet">
  74. <a className={classes.dropdownLink}>Helmet</a>
  75. </Link>,
  76. <Link href="/suzuki/product/apparel">
  77. <a className={classes.dropdownLink}>Apparel</a>
  78. </Link>,
  79. <Link href="/suzuki/product/accessories">
  80. <a className={classes.dropdownLink}>Accessories</a>
  81. </Link>,
  82. <Link href="https://booking.thamrin.co.id/">
  83. <a className={classes.dropdownLink}>Service</a>
  84. </Link>,
  85. <Link href="/suzuki/dealers">
  86. <a className={classes.dropdownLink}>Dealers</a>
  87. </Link>,
  88. ]}
  89. />
  90. </ListItem> */}
  91. <ListItem
  92. className={classes.listItem}
  93. style={{ marginTop: "10px" }}
  94. >
  95. <Link href="/suzuki/latest_news/latestnews">
  96. <Button color="transparent" className={classes.navLink}>
  97. <Icon className={classes.icons}>event</Icon> Latest News
  98. </Button>
  99. </Link>
  100. </ListItem>
  101. <ListItem
  102. className={classes.listItem}
  103. style={{ marginTop: "10px" }}
  104. >
  105. <Button
  106. href="/suzuki/carrer/carrer"
  107. color="transparent"
  108. className={classes.navLink}
  109. >
  110. <Icon className={classes.icons}>wallet_travel</Icon> Career
  111. </Button>
  112. </ListItem>
  113. <ListItem
  114. className={classes.listItem}
  115. style={{ marginTop: "10px" }}
  116. >
  117. <CustomDropdown
  118. noLiPadding
  119. navDropdown
  120. buttonText="Partner"
  121. buttonProps={{
  122. className: classes.navLink,
  123. color: "transparent",
  124. }}
  125. buttonIcon={ShareTwoTone}
  126. dropdownList={[
  127. <Link href="https://www.suzuki-motor.co.id/">
  128. <a className={classes.dropdownLink}>suzuki</a>
  129. </Link>,
  130. <Link href="https://www.suzuki.co.id/">
  131. <a className={classes.dropdownLink}>Suzuki</a>
  132. </Link>,
  133. <Link href="https://www.honda-indonesia.com/">
  134. <a className={classes.dropdownLink}>Honda</a>
  135. </Link>,
  136. <Link href="https://www.hino.co.id/">
  137. <a className={classes.dropdownLink}>Hino</a>
  138. </Link>,
  139. <Link href="https://www.mercedes-benz.co.id/passengercars.html">
  140. <a className={classes.dropdownLink}>
  141. Mercedes-Benz
  142. </a>
  143. </Link>,
  144. <Link href="http://bprberkatsejati.com/">
  145. <a className={classes.dropdownLink}>
  146. BPR Berkat Sejati
  147. </a>
  148. </Link>,
  149. <Link href="https://www.hino.co.id/">
  150. <a className={classes.dropdownLink}>
  151. Palembang Indah Mall
  152. </a>
  153. </Link>,
  154. <Link href="http://www.emilia-hotel.com/">
  155. <a className={classes.dropdownLink}>Hotel Emilia</a>
  156. </Link>,
  157. <Link href="http://homes.thamrin.xyz/">
  158. <a className={classes.dropdownLink}>Thamrin Home</a>
  159. </Link>,
  160. <Link href="https://www.hino.co.id/">
  161. <a className={classes.dropdownLink}>Ketty Resto</a>
  162. </Link>,
  163. ]}
  164. />
  165. </ListItem>
  166. <ListItem
  167. className={classes.listItem}
  168. style={{ marginTop: "10px" }}
  169. >
  170. <Button
  171. href="/suzuki/abous_us/aboutus"
  172. color="transparent"
  173. className={classes.navLink}
  174. >
  175. <Icon className={classes.icons}>account_balance</Icon> About
  176. Us
  177. </Button>
  178. </ListItem>
  179. <ListItem
  180. className={classes.listItem}
  181. style={{ marginTop: "10px" }}
  182. >
  183. <Button
  184. href="/chart"
  185. color="transparent"
  186. className={classes.navLink}
  187. >
  188. <Chart className={classes.icons} />
  189. </Button>
  190. </ListItem>
  191. <ListItem
  192. className={classes.listItem}
  193. style={{ marginTop: "10px" }}
  194. >
  195. {!username || username == "" ? (
  196. <Button
  197. href="/suzuki/login"
  198. className={classes.registerNavLink}
  199. color="info"
  200. round
  201. >
  202. <Icon className={classes.icons}>input</Icon> Login
  203. </Button>
  204. ) : (
  205. <CustomDropdown
  206. noLiPadding
  207. navDropdown
  208. buttonText={
  209. username.length > 12
  210. ? username.substring(0, 9) + ".."
  211. : username
  212. }
  213. buttonProps={{
  214. className: classes.navLink,
  215. color: "transparent",
  216. }}
  217. buttonIcon={Person}
  218. dropdownList={[
  219. <div
  220. onClick={async (e) => {
  221. e.preventDefault();
  222. fetch("/api/auth/logout", {
  223. method: "POST",
  224. headers: {
  225. "Content-Type": "application/json",
  226. },
  227. body: JSON.stringify({ p: "SUZUKI" }),
  228. }).then((res) => {
  229. //if (res.ok) {
  230. window.location.href = "../suzuki/home";
  231. /*}
  232. else{
  233. }*/
  234. });
  235. }}
  236. >
  237. <a className={classes.dropdownLink}>
  238. <Icon className={classes.icons}>
  239. exit_to_app
  240. </Icon>{" "}
  241. Logout
  242. </a>
  243. </div>,
  244. ]}
  245. />
  246. )}
  247. </ListItem>
  248. </List>
  249. );
  250. }