From c77fe19ed10d0658626974eda4a8ef4b706f6bb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Fri, 18 Dec 2020 02:27:15 +0100
Subject: [PATCH] Add description in Header + Change title

---
 components/Header/Header.spec.js |  2 +-
 components/Header/index.vue      | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/Header/Header.spec.js b/components/Header/Header.spec.js
index 616b0c7..d2ec6b6 100644
--- a/components/Header/Header.spec.js
+++ b/components/Header/Header.spec.js
@@ -4,7 +4,7 @@ import Header from "./";
 describe("Header", () => {
   it("should render Header instance", () => {
     const wrapper = mount(Header, { stubs: ["router-link"] });
-    expect(wrapper.find("h1").text()).toBe("Ghibli");
+    expect(wrapper.find("h1").text()).toBe("PeopleDoc");
   });
 
   it("should redirect to Home page when clicking on brand logo", () => {
diff --git a/components/Header/index.vue b/components/Header/index.vue
index 9872ff1..0146da7 100644
--- a/components/Header/index.vue
+++ b/components/Header/index.vue
@@ -1,7 +1,7 @@
 <template>
   <header
     id="header"
-    class="fixed top-0 left-0 w-screen bg-white h-16 px-4 py-3 shadow-md"
+    class="fixed top-0 left-0 w-screen bg-white h-16 px-4 py-3 shadow-md flex items-center justify-between"
   >
     <router-link to="/" class="flex w-auto h-full items-center">
       <img
@@ -9,14 +9,22 @@
         src="https://avatars2.githubusercontent.com/u/1080062?s=200&v=4"
         alt="PeopleDoc - Icon"
       />
-      <h1 class="text-2xl font-light tracking-wide">Ghibli</h1>
+      <h1 class="text-2xl font-light tracking-wide">PeopleDoc</h1>
     </router-link>
+    <h2 class="font-medium hidden sm:block">{{ description }}</h2>
   </header>
 </template>
 
 <script>
+import pkg from "@/package.json";
+
 export default {
-  name: "Header"
+  name: "Header",
+  computed: {
+    description: function() {
+      return pkg.description;
+    }
+  }
 };
 </script>