ui(resources): use the new banner (#66)

ui(resources): use the new banner
the-programmers-hangout · Aug 19, 2019 · 8f740b8 · 8f740b8
2 parents 0c2bc89 + cd13214
commit 8f740b8
Show file tree

Hide file tree

Showing 4 changed files with 70 additions and 7 deletions.
diff --git a/src/components/ResourcesSidebar/index.tsx b/src/components/ResourcesSidebar/index.tsx
@@ -2,7 +2,7 @@ import React, { useState, PropsWithChildren } from "react"
 import { useStaticQuery, graphql, Link } from "gatsby"
 import useBuildTree from "./useBuildTree"
 import useSidebar from "./../../hooks/useSidebar"
-import banner from "../../images/tph-banner.png"
+import Banner from "../../images/tph-banner.svg"
 import TriangleDown from "../../icons/triangle-down.svg"
 import * as SC from "./styles"
 
@@ -124,7 +124,7 @@ export function ResourcesSidebar() {
   return (
     <SC.ResourcesSidebarWrapper>
       <Link to="/">
-        <SC.Banner src={banner} />
+        <Banner />
       </Link>
       <SC.Inner>
         {tree.map((node, index) => plantTree(node, index, true))}

diff --git a/src/components/ResourcesSidebar/styles.tsx b/src/components/ResourcesSidebar/styles.tsx
@@ -8,11 +8,6 @@ export const ResourcesSidebarWrapper = styled.div`
   background: #f9f9f9;
 `
 
-export const Banner = styled.img`
-  display: block;
-  width: 100%;
-`
-
 export const Children = styled.div`
   padding-left: 16px;
   padding-bottom: 8px;

diff --git a/src/images/tph-banner.png b/src/images/tph-banner.png
diff --git a/src/images/tph-banner.svg b/src/images/tph-banner.svg