Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-07 07:56:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: link to docs from sidebar

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2019-07-27 12:30:04 -04:00
parent ba181bc4eb
commit 76d40bf183
3 changed files with 48 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Sidebar/index.tsx
+8 -8
View File
@@ -3,9 +3,9 @@ import logo from "../../images/tph-logo.png"
import * as SC from "./styles"
import ArrowRight from "../../icons/arrow-right.svg"
function MenuItem({ children }: { children: React.ReactNode }) {
function MenuItem({ children, to }: { children: React.ReactNode; to: string }) {
return (
<SC.MenuItem>
<SC.MenuItem to={to}>
{children} <ArrowRight />
</SC.MenuItem>
)
@@ -17,12 +17,12 @@ const Sidebar = () => {
<SC.Logo src={logo} />
<SC.Menu>
<MenuItem>about</MenuItem>
<MenuItem>rules</MenuItem>
<MenuItem>faq</MenuItem>
<MenuItem>hotbot</MenuItem>
<MenuItem>documentation</MenuItem>
<MenuItem>tech spotlight</MenuItem>
<MenuItem to="/">about</MenuItem>
<MenuItem to="/">rules</MenuItem>
<MenuItem to="/">faq</MenuItem>
<MenuItem to="/">hotbot</MenuItem>
<MenuItem to="/docs">documentation</MenuItem>
<MenuItem to="/">tech spotlight</MenuItem>
</SC.Menu>
</SC.SidebarWrapper>
)