From d28945f5be51813a656e140fa452f95393590446 Mon Sep 17 00:00:00 2001
From: FireMaskterK <20838718+FireMasterK@users.noreply.github.com>
Date: Sat, 23 Oct 2021 22:20:26 +0100
Subject: [PATCH] Handle videos with Ratings Disabled.

Closes #555
---
 src/components/WatchVideo.vue | 23 +++++++++++++++--------
 src/locales/en.json           |  3 ++-
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 258f9e78..dc0d2a8c 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -29,14 +29,21 @@
                 <div class="uk-margin-small-right">{{ addCommas(video.views) }} views</div>
                 <div class="uk-margin-small-right">{{ uploadDate }}</div>
                 <div class="uk-flex-1"></div>
-                <div class="uk-margin-small-left">
-                    <font-awesome-icon class="uk-margin-small-right" icon="thumbs-up"></font-awesome-icon>
-                    <b>{{ addCommas(video.likes) }}</b>
-                </div>
-                <div class="uk-margin-small-left">
-                    <font-awesome-icon class="uk-margin-small-right" icon="thumbs-down"></font-awesome-icon>
-                    <b>{{ addCommas(video.dislikes) }}</b>
-                </div>
+                <template v-if="video.likes >= 0 && video.dislikes >= 0">
+                    <div class="uk-margin-small-left">
+                        <font-awesome-icon class="uk-margin-small-right" icon="thumbs-up"></font-awesome-icon>
+                        <b>{{ addCommas(video.likes) }}</b>
+                    </div>
+                    <div class="uk-margin-small-left">
+                        <font-awesome-icon class="uk-margin-small-right" icon="thumbs-down"></font-awesome-icon>
+                        <b>{{ addCommas(video.dislikes) }}</b>
+                    </div>
+                </template>
+                <template v-if="video.likes < 0 && video.dislikes < 0">
+                    <div class="uk-margin-small-left">
+                        <b v-t="'video.ratings_disabled'" />
+                    </div>
+                </template>
                 <a
                     :href="'https://youtu.be/' + getVideoId()"
                     class="uk-margin-small-left uk-button uk-button-small"
diff --git a/src/locales/en.json b/src/locales/en.json
index 63371b60..0f5d0499 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -83,7 +83,8 @@
         "videos": "Videos",
         "views": "views",
         "watched": "Watched",
-        "sponsor_segments": "Sponsors Segments"
+        "sponsor_segments": "Sponsors Segments",
+        "ratings_disabled": "Ratings Disabled"
     },
     "search": {
         "did_you_mean": "Did you mean: "