Merge pull request #20 from hyunjiLeeTech/issue-17

Add link to repository
MStewGT · Oct 24, 2020 · 2a9630d · 2a9630d
2 parents 40ceead + 0b29715
commit 2a9630d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/src/Header.js b/src/Header.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import githubLogo from './githubLogo.png'
 
 const icoBeer = 'data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xOS41IDkuNWMtLjUxNCAwLTEuMDE2LS4wNzgtMS41LS4yMTZ2OC43MTZjMCAuNTUyLS40NDcgMS0xIDFzLTEtLjQ0OC0xLTF2LTguMzYzYy0uNjM2LjIyOS0xLjMwOC4zNjMtMiAuMzYzcy0xLjM2NC0uMTM0LTItLjM2M3Y4LjM2M2MwIC41NTItLjQ0NyAxLTEgMXMtMS0uNDQ4LTEtMXYtOC43MTZjLS40ODQuMTM4LS45ODYuMjE2LTEuNS4yMTYtLjgxMyAwLTEuNTgzLS4xODItMi4yNzgtLjVoLTIuMjIyYy0xLjY1NCAwLTMgMS4zNDYtMyAzdjVjMCAxLjY1NCAxLjM0NiAzIDMgM2gyYzAgMi4yMDkgMS43OTEgNCA0IDRoOGMyLjIwOSAwIDQtMS43OTEgNC00di0xMWgtLjIyMmMtLjY5NS4zMTgtMS40NjUuNS0yLjI3OC41em0tMTMuNSA4LjVoLTJjLS41NTIgMC0xLS40NDktMS0xdi01YzAtLjU1MS40NDgtMSAxLTFoMnptMi41LTEwLjVjLjk0IDAgMS43OS0uMzc1IDIuNDE4LS45NzkuNzM0Ljg5NiAxLjgzNCAxLjQ3OSAzLjA4MiAxLjQ3OXMyLjM0OC0uNTgzIDMuMDgyLTEuNDc5Yy42MjguNjA0IDEuNDc4Ljk3OSAyLjQxOC45NzkgMS45MzMgMCAzLjUtMS41NjcgMy41LTMuNXMtMS41NjctMy41LTMuNS0zLjVjLS45NCAwLTEuNzkuMzc1LTIuNDE4Ljk3OS0uNzM0LS44OTYtMS44MzQtMS40NzktMy4wODItMS40NzlzLTIuMzQ4LjU4My0zLjA4MiAxLjQ3OWMtLjYyOC0uNjA0LTEuNDc4LS45NzktMi40MTgtLjk3OS0xLjkzMyAwLTMuNSAxLjU2Ny0zLjUgMy41czEuNTY3IDMuNSAzLjUgMy41eiIvPjwvc3ZnPg==';
 
@@ -7,6 +8,9 @@ export const Header = (props) => {
     <header>
       <div className="header">
         <h1 className="title">Find Me Beer!</h1><img className="ico" src={icoBeer} alt="Brewery" />
+        <a className="github-logo-ico" href="https://github.com/MStewGT/FindMeBeer">
+          <img src={githubLogo} alt="GitHub"></img>
+        </a>
       </div>
       <p className="about">Returns a list of breweries in a given city.</p>
       {props.children}

diff --git a/src/githubLogo.png b/src/githubLogo.png
diff --git a/src/index.css b/src/index.css
@@ -34,6 +34,11 @@ header > .about {
   margin: 0 10px;
 }
 
+.header > .github-logo-ico{
+  position: absolute;
+  right: 40px;
+}
+
 /* Search Component */
 
 .search {