From 032cae9162469e4a44d20786f7743806eee47d7a Mon Sep 17 00:00:00 2001
From: isaac stott <isaac.cloyd@gmail.com>
Date: Thu, 25 Jun 2020 20:24:37 -0600
Subject: [PATCH] added animation to kiwi

---
 wmp/src/App.css               |  9 +--------
 wmp/src/components/NavBar.js  |  7 +++----
 wmp/src/components/navbar.css | 14 ++++++++++++++
 3 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/wmp/src/App.css b/wmp/src/App.css
index 01c5362c..b5ddf649 100644
--- a/wmp/src/App.css
+++ b/wmp/src/App.css
@@ -29,11 +29,4 @@
   color: #61dafb;
 }
 
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
+
diff --git a/wmp/src/components/NavBar.js b/wmp/src/components/NavBar.js
index 9a627a0c..05f3d8d0 100644
--- a/wmp/src/components/NavBar.js
+++ b/wmp/src/components/NavBar.js
@@ -14,9 +14,7 @@ import './navbar.css';
 const Navbar = () => {
   const history = useHistory();
   const [name, setName] = useState('')
-  console.log('username state', name)
-
-
+  // console.log('username state', name)
 
   useEffect(() => {
     axiosWithAuth()
@@ -43,7 +41,8 @@ const Navbar = () => {
       <div className="NavBar">
         <h1>Water My Plants</h1>   
 
-        <h3>Welcome {name} &#129373;</h3>
+        <h3>Welcome {name} <div className="kiwi"> &#129373;</div></h3>
+        
   
         <div className='linky'>
           <button onClick={newPlant}>New Plant</button>
diff --git a/wmp/src/components/navbar.css b/wmp/src/components/navbar.css
index 17ec2b31..0c0f3956 100644
--- a/wmp/src/components/navbar.css
+++ b/wmp/src/components/navbar.css
@@ -7,6 +7,7 @@
 
 .NavBar h1 {
     margin-left: 1%;
+    animation-name: bounce;
 }
 
 .NavBar h3 {
@@ -15,6 +16,19 @@
     align-items: center;
 }
 
+.kiwi {
+    animation: App-logo-spin infinite 10s linear;
+}
+
+@keyframes App-logo-spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+
 .linky, .logout {
     display: flex;
     align-items: center;