feat(media-details): Add Trakt to social icons (#4522)

[skip ci]
Ombi-app · Feb 25, 2022 · d6ae79c · d6ae79c
1 parent 76f6d91
commit d6ae79c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/...lientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html b/...lientApp/src/app/media-details/components/shared/social-icons/social-icons.component.html
@@ -17,6 +17,9 @@
     <a *ngIf="imdbId" class="media-icons imdb" [href]="doNotAppend ? imdbid : 'https://imdb.com/title/' + imdbId" target="_blank">
         <i matTooltip="Imdb" class="fab fa-imdb fa-2x grow-social"></i>
     </a>
+    <a *ngIf="theMoviedbId" class="media-icons trakt" href="https://trakt.tv/search/tmdb/{{theMoviedbId}}?id_type={{type === RequestType.movie ? 'movie' : 'show'}}" target="_blank">
+        <img matTooltip="Trakt" src="{{baseUrl}}/images/trakt.svg" />
+    </a>
     <a *ngIf="twitter" class="media-icons" [href]="doNotAppend ? twitter : 'https://twitter.com/' + twitter" target="_blank">
         <i matTooltip="Twitter" class="fab fa-twitter fa-2x grow-social"></i>
     </a>

diff --git a/...lientApp/src/app/media-details/components/shared/social-icons/social-icons.component.scss b/...lientApp/src/app/media-details/components/shared/social-icons/social-icons.component.scss
@@ -4,6 +4,16 @@ a.media-icons:hover{
     color:$ombi-active;
 }
 
+a.media-icons:hover img{
+    filter: sepia(100%) hue-rotate(190deg) saturate(500%) brightness(190%);
+}
+
+a.media-icons img{
+    filter: contrast(0) brightness(3);
+    height: 2em;
+    padding: 0;
+}
+
 button.admin-cog{
     margin-left:40px;
     color:$ombi-active;

diff --git a/src/Ombi/wwwroot/images/trakt.svg b/src/Ombi/wwwroot/images/trakt.svg