From a721f221384e45a23a92ae839875b53d905916a4 Mon Sep 17 00:00:00 2001
From: Nyte <39193783+codenyte@users.noreply.github.com>
Date: Thu, 15 Jun 2023 15:22:52 +0200
Subject: [PATCH] Rename LBRY to Odysee, add Icon

---
 src/components/WatchVideo.vue | 16 +++++++++++++---
 src/main.js                   |  3 ++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index bbe2fa62..88c67aec 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -120,13 +120,23 @@
                         </button>
                         <!-- YouTube -->
                         <WatchOnYouTubeButton :link="`https://youtu.be/${getVideoId()}`" />
-                        <!-- LBRY -->
+                        <!-- Odysee -->
+                        <!-- For large screens -->
                         <a
                             v-if="video.lbryId"
                             :href="'https://odysee.com/' + video.lbryId"
-                            class="btn flex items-center"
+                            class="btn lt-lg:hidden flex items-center"
                         >
-                            <i18n-t keypath="player.watch_on" tag="strong">LBRY</i18n-t>
+                            <i18n-t keypath="player.watch_on" tag="strong">Odysee</i18n-t>
+                            <font-awesome-icon class="mx-1.5" :icon="['fab', 'odysee']" />
+                        </a>
+                        <!-- For small screens -->
+                        <a
+                            v-if="video.lbryId"
+                            :href="'https://odysee.com/' + video.lbryId"
+                            class="btn lg:hidden flex items-center"
+                        >
+                            <font-awesome-icon class="mx-1.5" :icon="['fab', 'odysee']" />
                         </a>
                         <!-- listen / watch toggle -->
                         <router-link
diff --git a/src/main.js b/src/main.js
index 71b916d4..bc3d80b8 100644
--- a/src/main.js
+++ b/src/main.js
@@ -23,7 +23,7 @@ import {
     faBookmark,
     faEdit,
 } from "@fortawesome/free-solid-svg-icons";
-import { faGithub, faBitcoin, faYoutube } from "@fortawesome/free-brands-svg-icons";
+import { faGithub, faBitcoin, faYoutube, faOdysee } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(
     faEye,
@@ -34,6 +34,7 @@ library.add(
     faHeart,
     faHeadphones,
     faYoutube,
+    faOdysee,
     faRss,
     faChevronLeft,
     faLevelDownAlt,