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.
41 lines
1.2 KiB
41 lines
1.2 KiB
import React, { Component } from "react"; |
|
import { Link } from "react-router-dom"; |
|
|
|
import logo from '../../../../assets/icons/logo.png'; |
|
|
|
import "./index.scss"; |
|
export default class LaptopNavbar extends Component { |
|
render() { |
|
const { links } = this.props; |
|
return ( |
|
<nav className="laptop-navbar d-flex"> |
|
<div className="d-flex"> |
|
<div className="laptop-navbar__logo"> |
|
<img src={logo} alt="لوگو"/> |
|
</div> |
|
<ul className="laptop-navbar__list d-flex"> |
|
{links.map((item, i) => ( |
|
<li key={i}> |
|
<Link to={item.to}>{item.name}</Link> |
|
</li> |
|
))} |
|
</ul> |
|
</div> |
|
<div className="d-flex"> |
|
<Link to={'/signin'} className="laptop-navbar__signin">ورود به حساب کاربری</Link> |
|
<Link to={'/signup'} className="laptop-navbar__signup">ثبت نام</Link> |
|
</div> |
|
</nav> |
|
); |
|
} |
|
} |
|
|
|
LaptopNavbar.defaultProps = { |
|
links: [ |
|
{ name: "صفحه اصلی", to: "/" }, |
|
{ name: "فروشگاه ", to: "/store" }, |
|
{ name: "سوالات متداول", to: "/faq" }, |
|
{ name: "درباره ما", to: "/about" }, |
|
{ name: "تماس با ما", to: "/contact" }, |
|
], |
|
};
|
|
|