added loader

Author: Amir Sohel

src/App.scss

@@ -16,6 +16,16 @@ $buttonPrimary: #54A3FF;
 .navbar-brand  {
 	svg{width: 120px;}
 }
+
+.search-icon {
+    background: transparent;
+    border: none;
+    color: #636261;
+	cursor: pointer;
+	&:focus {
+		outline: none;
+	}
+}
 .night-mode {
 	a{
 		color: #fff !important;

src/Components/Extras/Loader.js

@@ -1,5 +1,6 @@
 import React from "react"
 export default{
     text_loading: <i className="fa fa-spinner fa-pulse"></i>,
-    section_loading: <div className="p-5"> <i className="fa fa-spinner fa-pulse"></i> Loading...</div>
+    section_loading: <div className="p-5"> <i className="fa fa-spinner fa-pulse"></i> Loading...</div>,
+    search_icon : <i class="fa fa-search" aria-hidden="true"></i>
 }

src/Components/Header.js

@@ -1,5 +1,6 @@
 import React, { useState } from "react";
 import {ReactComponent as GitStatsLogo} from '../Images/logo.svg';
+import Loader from "../Components/Extras/Loader";
 
 function Header() {
     let [dayStatus, setTheme] = useState(true);
@@ -18,7 +19,12 @@ function Header() {
         setTheme(!dayStatus);
     };
 
+    function search(){
+       window.location.href = searchString
+    }
+
     return (
+     
         <header>
             <div className="container">
                 <nav className="navbar navbar-expand-lg">
@@ -48,6 +54,8 @@ function Header() {
                                         value={searchString}
                                         onChange={(event) => setSearchString(event.target.value)}
                                     />
+                                  {/* Search icon */}
+                                    <button className="search-icon" onClick={search}>{Loader.search_icon}</button>
                                 </a>
                             </li>
                             <li>