diff --git a/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css b/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css index 2fd52a728..6bff58625 100644 --- a/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css +++ b/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css @@ -68,6 +68,19 @@ $hoverScale: 1.05; color: var(--white); } +.existing { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 0; + height: 0; + border-width: 25px 25px 0 0; + border-style: solid; + border-color: #37bc9b transparent transparent; + color: var(--white); +} + .controls { position: absolute; bottom: 10px; diff --git a/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css.d.ts b/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css.d.ts index 8cff00d84..d873de5ee 100644 --- a/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css.d.ts +++ b/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.css.d.ts @@ -7,6 +7,7 @@ interface CssExports { 'controls': string; 'editorSelect': string; 'excluded': string; + 'existing': string; 'externalLinks': string; 'link': string; 'overlayTitle': string; diff --git a/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.js b/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.js index d433a7d91..5d372e174 100644 --- a/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.js +++ b/frontend/src/DiscoverMovie/Posters/DiscoverMoviePoster.js @@ -159,6 +159,14 @@ class DiscoverMoviePoster extends Component { /> } + { + isExisting && +
+ } +