Merge pull request #10 from CIAT-DAPA/develop

Develop

Author: CarlosNasayo

src/public/favicon.ico

@@ -6,7 +6,7 @@
   <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
-  <meta name="description" content="Web site created using create-react-app" />
+  <meta name="description" content="Viewer Gap analysis" />
   <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.1/dist/leaflet.css" />
@@ -29,7 +29,7 @@
 
 </script> -->
 
-  <title>Spcat Website</title>
+  <title>Viewer Gap analysis</title>
 
 </head>
 

src/public/index.html

@@ -4,20 +4,26 @@ import Navbar from 'react-bootstrap/Navbar';
 import './Menu.css'
 import { Link } from 'react-router-dom'
 import React from "react";
+import logo from '../../assets/img/logo.png'
 
 function Menu() {
     return (
         <Navbar variant="dark" collapseOnSelect expand="lg" className='menu' >
             <Container className='py-1'>
-                <Link className="navbar-brand" to="/">Home</Link>
-                <Navbar.Toggle aria-controls="responsive-navbar-nav" />
-                <Navbar.Collapse className='justify-content-end' id="responsive-navbar-nav">
-                    <Nav className="justify-content-end">
-                        <Link className="nav-link" to="/maptools" >Viewer</Link>
-                        <Link className="nav-link" to="/about" >About</Link>
-                    </Nav>
-                </Navbar.Collapse>
-            </Container>
+    <div className="logo">
+    <img src={logo} className="me-2" style={{width: "40px"}}></img>
+    </div>
+    <Link className="navbar-brand" to="/">Home</Link>
+    <Navbar.Toggle aria-controls="responsive-navbar-nav" />
+    <Navbar.Collapse className='justify-content-end' id="responsive-navbar-nav">
+        <Nav className="justify-content-end">
+            <Link className="nav-link" to="/maptools" >Viewer</Link>
+            <a className="nav-link" href="https://api.gapanalysistools.org/" target="_blank">Api</a>
+            <Link className="nav-link" to="/about" >About</Link>
+        </Nav>
+    </Navbar.Collapse>
+</Container>
+
         </Navbar>
     );
 }