From b248edd87ce9a6d94754f20f805d209c75a8561e Mon Sep 17 00:00:00 2001
From: Sky <sky@leite.dev>
Date: Wed, 4 May 2022 21:07:08 -0300
Subject: [PATCH] Remove unused footer component

---
 changes/changelog.d/1660.bugfix |   1 +
 front/src/components/Footer.vue | 237 --------------------------------
 2 files changed, 1 insertion(+), 237 deletions(-)
 create mode 100644 changes/changelog.d/1660.bugfix
 delete mode 100644 front/src/components/Footer.vue

diff --git a/changes/changelog.d/1660.bugfix b/changes/changelog.d/1660.bugfix
new file mode 100644
index 000000000..a2931d286
--- /dev/null
+++ b/changes/changelog.d/1660.bugfix
@@ -0,0 +1 @@
+Remove unused Footer component (#1660)
diff --git a/front/src/components/Footer.vue b/front/src/components/Footer.vue
deleted file mode 100644
index cabf073f3..000000000
--- a/front/src/components/Footer.vue
+++ /dev/null
@@ -1,237 +0,0 @@
-<template>
-  <footer
-    id="footer"
-    role="contentinfo"
-    class="ui vertical footer segment"
-    aria-labelledby="footer-label"
-  >
-    <h1
-      id="footer-label"
-      class="visually-hidden"
-    >
-      <translate translate-context="*/*/*">
-        Application footer
-      </translate>
-    </h1>
-    <div class="ui container">
-      <div class="ui stackable equal height stackable grid">
-        <section class="four wide column">
-          <h4
-            v-if="podName"
-            class="ui header ellipsis"
-          >
-            <span
-              v-translate="{instanceName: podName}"
-              translate-context="Footer/About/Title"
-            >About %{instanceName}</span>
-          </h4>
-          <h4
-            v-else
-            class="ui header ellipsis"
-          >
-            <span
-              v-translate="{instanceUrl: instanceHostname}"
-              translate-context="Footer/About/Title"
-            >About %{instanceUrl}</span>
-          </h4>
-          <div class="ui list">
-            <router-link
-              v-if="$route.path != '/about'"
-              class="link item"
-              to="/about"
-            >
-              <translate translate-context="Footer/About/List item.Link">
-                About
-              </translate>
-            </router-link>
-            <router-link
-              v-else-if="$route.path == '/about' && $store.state.auth.authenticated"
-              class="link item"
-              to="/library"
-            >
-              <translate translate-context="Footer/*/List item.Link">
-                Go to Library
-              </translate>
-            </router-link>
-            <router-link
-              v-else
-              class="link item"
-              to="/"
-            >
-              <translate translate-context="Footer/*/List item.Link">
-                Home Page
-              </translate>
-            </router-link>
-            <a
-              v-if="version"
-              class="link item"
-              href="https://docs.funkwhale.audio/changelog.html"
-              target="_blank"
-            >
-              <translate
-                translate-context="Footer/*/List item"
-                :translate-params="{version: version}"
-              >Version %{version}</translate>
-            </a>
-            <a
-              role="button"
-              href=""
-              class="link item"
-              @click.prevent="$emit('show:set-instance-modal')"
-            >
-              <translate translate-context="Footer/*/List item.Link">Use another instance</translate>
-            </a>
-          </div>
-          <div class="ui form">
-            <div class="ui field">
-              <label for="language-select"><translate translate-context="Footer/Settings/Dropdown.Label/Short, Verb">Change language</translate></label>
-              <select
-                id="language-select"
-                class="ui dropdown"
-                :value="$language.current"
-                @change="$store.dispatch('ui/currentLanguage', $event.target.value)"
-              >
-                <option
-                  v-for="(language, key) in $language.available"
-                  :key="key"
-                  :value="key"
-                >
-                  {{ language }}
-                </option>
-              </select>
-            </div>
-          </div>
-        </section>
-        <section class="four wide column">
-          <h4
-            v-translate
-            class="ui header"
-            translate-context="Footer/*/Title"
-          >
-            Using Funkwhale
-          </h4>
-          <div class="ui list">
-            <a
-              href="https://docs.funkwhale.audio"
-              class="link item"
-              target="_blank"
-            ><translate translate-context="Footer/*/List item.Link/Short, Noun">Documentation</translate></a>
-            <a
-              href="https://funkwhale.audio/apps"
-              class="link item"
-              target="_blank"
-            ><translate translate-context="Footer/*/List item.Link">Mobile and desktop apps</translate></a>
-            <a
-              hrelf=""
-              class="link item"
-              @click.prevent="$emit('show:shortcuts-modal')"
-            ><translate translate-context="*/*/*/Noun">Keyboard shortcuts</translate></a>
-          </div>
-          <div class="ui form">
-            <div class="ui field">
-              <label for="theme-select"><translate translate-context="Footer/Settings/Dropdown.Label/Short, Verb">Change theme</translate></label>
-              <select
-                id="theme-select"
-                class="ui dropdown"
-                :value="$store.state.ui.theme"
-                @change="$store.dispatch('ui/theme', $event.target.value)"
-              >
-                <option
-                  v-for="theme in themes"
-                  :key="theme.key"
-                  :value="theme.key"
-                >
-                  {{ theme.name }}
-                </option>
-              </select>
-            </div>
-          </div>
-        </section>
-        <section class="four wide column">
-          <h4
-            v-translate
-            translate-context="Footer/*/Link"
-            class="ui header"
-          >
-            Getting help
-          </h4>
-          <div class="ui list">
-            <a
-              href="https://forum.funkwhale.audio/"
-              class="link item"
-              target="_blank"
-            ><translate translate-context="Footer/*/Listitem.Link">Support forum</translate></a>
-            <a
-              href="https://matrix.to/#/#funkwhale-troubleshooting:matrix.org"
-              class="link item"
-              target="_blank"
-            ><translate translate-context="Footer/*/List item.Link">Chat room</translate></a>
-            <a
-              href="https://dev.funkwhale.audio/funkwhale/funkwhale/issues"
-              class="link item"
-              target="_blank"
-            ><translate translate-context="Footer/*/List item.Link">Issue tracker</translate></a>
-          </div>
-        </section>
-        <section class="four wide column">
-          <h4
-            v-translate
-            class="ui header"
-            translate-context="Footer/*/Title/Short"
-          >
-            About Funkwhale
-          </h4>
-          <div class="ui list">
-            <a
-              href="https://funkwhale.audio"
-              class="link item"
-              target="_blank"
-            ><translate translate-context="Footer/*/List item.Link">Official website</translate></a>
-            <a
-              href="https://contribute.funkwhale.audio"
-              class="link item"
-              target="_blank"
-            ><translate translate-context="Footer/*/List item.Link">Contribute</translate></a>
-            <a
-              href="https://dev.funkwhale.audio/funkwhale/funkwhale"
-              class="link item"
-              target="_blank"
-            ><translate translate-context="Footer/*/List item.Link">Source code</translate></a>
-          </div>
-          <div class="ui hidden divider" />
-          <p>
-            <translate translate-context="Footer/*/List item.Link">
-              The Funkwhale logo was kindly designed and provided by Francis Gading.
-            </translate>
-          </p>
-        </section>
-      </div>
-    </div>
-  </footer>
-</template>
-
-<script>
-import { mapState } from 'vuex'
-import ThemesMixin from '@/components/mixins/Themes.vue'
-import _ from 'lodash'
-
-export default {
-  mixins: [ThemesMixin],
-  props: { version: { type: String, required: true } },
-  computed: {
-    ...mapState({
-      messages: state => state.ui.messages,
-      nodeinfo: state => state.instance.nodeinfo
-    }),
-    podName () {
-      return _.get(this.nodeinfo, 'metadata.nodeName')
-    },
-    instanceHostname () {
-      const url = this.$store.state.instance.instanceUrl
-      const parser = document.createElement('a')
-      parser.href = url
-      return parser.hostname
-    }
-  }
-}
-</script>