From dda560ffa97d262851ec83ebf7af642083821145 Mon Sep 17 00:00:00 2001
From: test2a <39449563+test2a@users.noreply.github.com>
Date: Sun, 20 Sep 2020 23:31:49 +0530
Subject: [PATCH 1/3] Update video-watch.component.ts

i was unable to add a link to login page due to probably html sanitization in the popover text. it should still satisfy the issue https://github.com/Chocobozzz/PeerTube/issues/3167
---
 client/src/app/+videos/+video-watch/video-watch.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/app/+videos/+video-watch/video-watch.component.ts b/client/src/app/+videos/+video-watch/video-watch.component.ts
index 8e6d62a09c2..b22f4ce8c21 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.ts
+++ b/client/src/app/+videos/+video-watch/video-watch.component.ts
@@ -189,7 +189,7 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
   getRatePopoverText () {
     if (this.isUserLoggedIn()) return undefined
 
-    return $localize`You need to be connected to rate this content.`
+    return $localize`You need to be logged in to rate this video.`
   }
 
   showMoreDescription () {

From 2cb395048c308daf891c18f993b5bd8e04a7fdd0 Mon Sep 17 00:00:00 2001
From: test2a <39449563+test2a@users.noreply.github.com>
Date: Sun, 20 Sep 2020 23:40:09 +0530
Subject: [PATCH 2/3] Update video-watch.component.scss

this display:none makes the text "friendly reminder" hidden on mobile devices. removing this should solve that
---
 .../src/app/+videos/+video-watch/video-watch.component.scss   | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/client/src/app/+videos/+video-watch/video-watch.component.scss b/client/src/app/+videos/+video-watch/video-watch.component.scss
index 9c7f9a462c5..b2bd04cf30f 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/+videos/+video-watch/video-watch.component.scss
@@ -577,10 +577,6 @@ my-video-comments {
 
   .privacy-concerns {
     width: 100%;
-
-    strong {
-      display: none;
-    }
   }
 }
 

From b7b9176d4002016e80652ba6382137b23a0223dd Mon Sep 17 00:00:00 2001
From: Rigel Kent <sendmemail@rigelk.eu>
Date: Fri, 30 Oct 2020 11:14:03 +0100
Subject: [PATCH 3/3] add html link in ratePopoverText

---
 .../app/+videos/+video-watch/video-watch.component.html   | 8 ++++++--
 .../src/app/+videos/+video-watch/video-watch.component.ts | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/src/app/+videos/+video-watch/video-watch.component.html b/client/src/app/+videos/+video-watch/video-watch.component.html
index 076c6205f35..0d1768aa989 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.html
+++ b/client/src/app/+videos/+video-watch/video-watch.component.html
@@ -59,9 +59,13 @@ <h1 class="video-info-name">{{ video.name }}</h1>
               </div>
 
               <div class="video-actions-rates">
+                <ng-template #ratePopoverText>
+                  <span [innerHTML]="getRatePopoverText()"></span>
+                </ng-template>
+
                 <div class="video-actions fullWidth justify-content-end">
                   <button
-                    [ngbPopover]="getRatePopoverText()" [ngClass]="{ 'activated': userRating === 'like' }" (click)="setLike()" (keyup.enter)="setLike()"
+                    [ngbPopover]="getRatePopoverText() && ratePopoverText" [ngClass]="{ 'activated': userRating === 'like' }" (click)="setLike()" (keyup.enter)="setLike()"
                     class="action-button action-button-like" [attr.aria-pressed]="userRating === 'like'" [attr.aria-label]="tooltipLike"
                     [ngbTooltip]="tooltipLike"
                     placement="bottom auto"
@@ -71,7 +75,7 @@ <h1 class="video-info-name">{{ video.name }}</h1>
                 </button>
 
                   <button
-                    [ngbPopover]="getRatePopoverText()" [ngClass]="{ 'activated': userRating === 'dislike' }" (click)="setDislike()" (keyup.enter)="setDislike()"
+                    [ngbPopover]="getRatePopoverText() && ratePopoverText" [ngClass]="{ 'activated': userRating === 'dislike' }" (click)="setDislike()" (keyup.enter)="setDislike()"
                     class="action-button action-button-dislike" [attr.aria-pressed]="userRating === 'dislike'" [attr.aria-label]="tooltipDislike"
                     [ngbTooltip]="tooltipDislike"
                     placement="bottom auto"
diff --git a/client/src/app/+videos/+video-watch/video-watch.component.ts b/client/src/app/+videos/+video-watch/video-watch.component.ts
index b22f4ce8c21..fde32dc7401 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.ts
+++ b/client/src/app/+videos/+video-watch/video-watch.component.ts
@@ -189,7 +189,7 @@ export class VideoWatchComponent implements OnInit, OnDestroy {
   getRatePopoverText () {
     if (this.isUserLoggedIn()) return undefined
 
-    return $localize`You need to be logged in to rate this video.`
+    return $localize`You need to be <a href="/login">logged in</a> to rate this video.`
   }
 
   showMoreDescription () {