From ce0687922a94588b3492e8ddf2e84f54dd1a0d4e Mon Sep 17 00:00:00 2001
From: sct <sctsnipe@gmail.com>
Date: Sat, 2 Jan 2021 15:38:36 +0000
Subject: [PATCH] fix(frontend): disable pointer-events on titlecard badges

---
 src/components/TitleCard/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TitleCard/index.tsx b/src/components/TitleCard/index.tsx
index 471719bb0..53bc35d7d 100644
--- a/src/components/TitleCard/index.tsx
+++ b/src/components/TitleCard/index.tsx
@@ -96,7 +96,7 @@ const TitleCard: React.FC<TitleCardProps> = ({
       >
         <div className="absolute top-0 bottom-0 left-0 right-0 w-full h-full overflow-hidden shadow-xl">
           <div
-            className={`absolute left-2 top-2 rounded-md z-40 ${
+            className={`absolute left-2 top-2 rounded-md z-40 pointer-events-none ${
               mediaType === 'movie' ? 'bg-blue-500' : 'bg-purple-600'
             }`}
           >
@@ -106,7 +106,7 @@ const TitleCard: React.FC<TitleCardProps> = ({
                 : intl.formatMessage(messages.tvshow)}
             </div>
           </div>
-          <div className="absolute z-40 top-2 right-2">
+          <div className="absolute z-40 pointer-events-none top-2 right-2">
             {(currentStatus === MediaStatus.AVAILABLE ||
               currentStatus === MediaStatus.PARTIALLY_AVAILABLE) && (
               <div className="flex items-center justify-center w-4 h-4 text-white bg-green-400 border border-green-600 rounded-full sm:w-5 sm:h-5">