From 7935ae750f565b01af4e4e5176723383d8f8d59f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Thu, 17 Dec 2020 18:15:40 +0100
Subject: [PATCH] Create Footer component with styles

---
 components/Footer.vue | 18 ++++++++++++++++++
 layouts/default.vue   |  7 ++-----
 test/index.spec.js    |  2 +-
 3 files changed, 21 insertions(+), 6 deletions(-)
 create mode 100644 components/Footer.vue

diff --git a/components/Footer.vue b/components/Footer.vue
new file mode 100644
index 0000000..59999a5
--- /dev/null
+++ b/components/Footer.vue
@@ -0,0 +1,18 @@
+<template>
+  <footer
+    class="bg-gray-900 text-gray-300 flex items-center justify-center h-16"
+  >
+    <p>
+      ©2020 Made with <span style="color: red;">&#9829;</span> by
+      <a href="https://wazo-lab.io" target="_blank">Wazo Lab</a>
+    </p>
+  </footer>
+</template>
+
+<script>
+export default {
+  name: "Footer"
+};
+</script>
+
+<style></style>
diff --git a/layouts/default.vue b/layouts/default.vue
index a942dce..db092db 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -4,15 +4,12 @@
     <main class="mt-16 px-4">
       <Nuxt />
     </main>
+    <Footer />
   </div>
 </template>
 
 <script>
-import Header from "@/components/Header";
-
-export default {
-  components: { Header }
-};
+export default {};
 </script>
 
 <style>
diff --git a/test/index.spec.js b/test/index.spec.js
index 09a71a7..87f5ec1 100644
--- a/test/index.spec.js
+++ b/test/index.spec.js
@@ -1,6 +1,6 @@
 import { mount } from "@vue/test-utils";
 import axios from "axios";
-import FilmsView from "@/pages/index";
+import FilmsView from "@/pages";
 import mockFilms from "./fake-films.json";
 
 jest.mock("axios", () => ({