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

feat(resources): add scrollbar to sidebar

Browse Source
This commit is contained in:
Jean-Philippe Sirois
2019-09-05 09:59:21 -04:00
parent 4e485d1cf9
commit 494d7b3095
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ResourcesSidebar/index.tsx
+18 -14
View File
@@ -1,5 +1,7 @@
import { graphql, Link, useStaticQuery } from "gatsby"
import React, { memo, PropsWithChildren, useState } from "react"
import Scrollbar from "react-perfect-scrollbar"
import "react-perfect-scrollbar/dist/css/styles.css"
import TriangleDown from "../../icons/triangle-down.svg"
import Banner from "../../images/tph-banner.svg"
import useSidebar from "./../../hooks/useSidebar"
@@ -123,21 +125,23 @@ export function ResourcesSidebar(props: React.HTMLAttributes<HTMLDivElement>) {
return (
<SC.ResourcesSidebarWrapper {...props}>
<Link to="/">
<Banner />
</Link>
<SC.Inner>
{tree.map((node, index) => plantTree(node, index, true))}
<Scrollbar>
<Link to="/">
<Banner />
</Link>
<SC.Inner>
{tree.map((node, index) => plantTree(node, index, true))}
<SC.Menu>
<MenuItem to="/about">about</MenuItem>
<MenuItem to="/rules">rules</MenuItem>
<MenuItem to="/faq">faq</MenuItem>
<MenuItem to="/">hotbot</MenuItem>
<MenuItem to="/resources">resources</MenuItem>
<MenuItem to="/">tech</MenuItem>
</SC.Menu>
</SC.Inner>
<SC.Menu>
<MenuItem to="/about">about</MenuItem>
<MenuItem to="/rules">rules</MenuItem>
<MenuItem to="/faq">faq</MenuItem>
<MenuItem to="/">hotbot</MenuItem>
<MenuItem to="/resources">resources</MenuItem>
<MenuItem to="/">tech</MenuItem>
</SC.Menu>
</SC.Inner>
</Scrollbar>
</SC.ResourcesSidebarWrapper>
)
}