From b933b1b87e4c8208d170b7b6a27694f5b07297ab Mon Sep 17 00:00:00 2001
From: Phi <floyd_spiky@hotmail.com>
Date: Fri, 23 Aug 2019 14:11:26 -0400
Subject: [PATCH] Adding memo to FirstLevelFolder

---
 src/components/ResourcesSidebar/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ResourcesSidebar/index.tsx b/src/components/ResourcesSidebar/index.tsx
index 9372009..cdf900d 100644
--- a/src/components/ResourcesSidebar/index.tsx
+++ b/src/components/ResourcesSidebar/index.tsx
@@ -1,5 +1,5 @@
 import { graphql, Link, useStaticQuery } from "gatsby"
-import React, { PropsWithChildren, useState } from "react"
+import React, { PropsWithChildren, useState, memo } from "react"
 import TriangleDown from "../../icons/triangle-down.svg"
 import Banner from "../../images/tph-banner.svg"
 import useSidebar from "./../../hooks/useSidebar"
@@ -91,7 +91,7 @@ function Folder({ item }: { item: IFolder }) {
   )
 }
 
-function FirstLevelFolder({ item, index }: { item: IFolder; index: number }) {
+const FirstLevelFolder = memo(({ item, index }: { item: IFolder; index: number }) => {
   const { current, setCurrent } = useSidebar()
   const collapsed = current !== index
 
@@ -107,7 +107,7 @@ function FirstLevelFolder({ item, index }: { item: IFolder; index: number }) {
       <SC.Children>{item.children.map(node => plantTree(node))}</SC.Children>
     </SC.TreeWrapper>
   )
-}
+})
 
 function MenuItem({ children, to }: PropsWithChildren<{ to: string }>) {
   return (