From 7c080e986af5f7606a8401448af1e28fc7585e12 Mon Sep 17 00:00:00 2001
From: Amir <eslami.amir76@gmail.com>
Date: Tue, 20 Jul 2021 19:15:17 +0430
Subject: [PATCH] feat(preferences): added back button (#287)

---
 src/components/Preferences.vue | 6 +++++-
 src/main.js                    | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/Preferences.vue b/src/components/Preferences.vue
index 5a4ae0c5..5765c5b8 100644
--- a/src/components/Preferences.vue
+++ b/src/components/Preferences.vue
@@ -1,5 +1,9 @@
 <template>
-    <h1 class="uk-text-bold uk-text-center">Preferences</h1>
+    <div class="uk-flex uk-flex-between uk-flex-middle">
+        <router-link class="uk-button uk-button-text" to="/"><font-awesome-icon icon="chevron-left" /> &nbsp;Back</router-link>
+        <span><h1 class="uk-text-bold uk-text-center">Preferences</h1></span>
+        <span />
+    </div>
     <hr />
     <h2>SponsorBlock</h2>
     <p>Uses the API from <a href="https://sponsor.ajay.app/">sponsor.ajay.app</a></p>
diff --git a/src/main.js b/src/main.js
index c7333d1a..87e96af0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,6 +9,7 @@ import {
     faHeart,
     faHeadphones,
     faRss,
+    faChevronLeft,
 } from "@fortawesome/free-solid-svg-icons";
 import { faGithub, faBitcoin, faYoutube } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
@@ -24,6 +25,7 @@ library.add(
     faHeadphones,
     faYoutube,
     faRss,
+    faChevronLeft
 );
 
 import("uikit/dist/css/uikit-core.css");