From 5d73cad1688cbcd64bf2903eb9126353ea0ee732 Mon Sep 17 00:00:00 2001
From: Brent Vardy <brent.vardy@challengelogic.net>
Date: Thu, 5 Sep 2019 14:17:59 +0100
Subject: [PATCH] refactor page footer to component

---
 webapp/components/PageFooter/PageFooter.vue | 15 +++++++++++++++
 webapp/layouts/basic.vue                    | 16 +++-------------
 webapp/layouts/default.vue                  | 13 ++++---------
 3 files changed, 22 insertions(+), 22 deletions(-)
 create mode 100644 webapp/components/PageFooter/PageFooter.vue

diff --git a/webapp/components/PageFooter/PageFooter.vue b/webapp/components/PageFooter/PageFooter.vue
new file mode 100644
index 000000000..d89739fcd
--- /dev/null
+++ b/webapp/components/PageFooter/PageFooter.vue
@@ -0,0 +1,15 @@
+<template>
+  <div id="footer" class="ds-footer">
+    <a href="https://human-connection.org" target="_blank" v-html="$t('site.made')"></a>
+    &nbsp;-&nbsp;
+    <nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>
+    &nbsp;‑&nbsp;
+    <nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>
+    &nbsp;‑&nbsp;
+    <nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>
+    &nbsp;‑&nbsp;
+    <nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>
+    &nbsp;‑&nbsp;
+    <nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
+  </div>
+</template>
diff --git a/webapp/layouts/basic.vue b/webapp/layouts/basic.vue
index 37df16a05..6766390d2 100644
--- a/webapp/layouts/basic.vue
+++ b/webapp/layouts/basic.vue
@@ -22,19 +22,7 @@
         <nuxt />
       </div>
     </ds-container>
-    <div id="footer" class="ds-footer">
-      <a href="https://human-connection.org" target="_blank" v-html="$t('site.made')"></a>
-      &nbsp;-&nbsp;
-      <nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>
-      &nbsp;‑&nbsp;
-      <nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>
-      &nbsp;‑&nbsp;
-      <nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>
-      &nbsp;‑&nbsp;
-      <nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>
-      &nbsp;‑&nbsp;
-      <nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
-    </div>
+    <page-footer></page-footer>
     <div id="overlay" />
   </div>
 </template>
@@ -42,10 +30,12 @@
 <script>
 import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
 import seo from '~/mixins/seo'
+import PageFooter from '~/components/PageFooter/PageFooter'
 
 export default {
   components: {
     LocaleSwitch,
+    PageFooter,
   },
   mixins: [seo],
   methods: {
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index e665e7d8a..cc15fcfc3 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -128,15 +128,7 @@
         <nuxt />
       </div>
     </ds-container>
-    <div id="footer" class="ds-footer">
-      <a href="https://human-connection.org" target="_blank" v-html="$t('site.made')"></a>
-      &nbsp;-&nbsp;
-      <nuxt-link to="/imprint">{{ $t('site.imprint') }}</nuxt-link>&nbsp;‑&nbsp;
-      <nuxt-link to="/terms-and-conditions">{{ $t('site.termsAndConditions') }}</nuxt-link>&nbsp;‑&nbsp;
-      <nuxt-link to="/code-of-conduct">{{ $t('site.code-of-conduct') }}</nuxt-link>&nbsp;‑&nbsp;
-      <nuxt-link to="/data-privacy">{{ $t('site.data-privacy') }}</nuxt-link>&nbsp;‑&nbsp;
-      <nuxt-link to="/changelog">{{ $t('site.changelog') }}</nuxt-link>
-    </div>
+    <page-footer />
     <div id="overlay" />
     <client-only>
       <modal />
@@ -155,6 +147,8 @@ import HcAvatar from '~/components/Avatar/Avatar.vue'
 import seo from '~/mixins/seo'
 import FilterPosts from '~/components/FilterPosts/FilterPosts.vue'
 import CategoryQuery from '~/graphql/CategoryQuery.js'
+import PageFooter from '~/components/PageFooter/PageFooter'
+
 export default {
   components: {
     Dropdown,
@@ -164,6 +158,7 @@ export default {
     NotificationMenu,
     HcAvatar,
     FilterPosts,
+    PageFooter,
   },
   mixins: [seo],
   data() {