From 7c32061e171e4a73fc08da7afd34c5657471483a Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Wed, 6 Dec 2023 13:12:49 +0200
Subject: [PATCH] Add existing flag for Discover Movie Posters

---
 .../DiscoverMovie/Posters/DiscoverMoviePoster.css   | 13 +++++++++++++
 .../Posters/DiscoverMoviePoster.css.d.ts            |  1 +
 .../DiscoverMovie/Posters/DiscoverMoviePoster.js    |  8 ++++++++
 3 files changed, 22 insertions(+)

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 &&
+              <div
+                className={styles.existing}
+                title={translate('Existing')}
+              />
+          }
+
           <Link
             className={styles.link}
             style={elementStyle}