From dcfe2a8c99eaa665dd3ac0fabc9237b643e0b4be Mon Sep 17 00:00:00 2001
From: Saelmala <sandra.larsson@eyevinn.se>
Date: Thu, 14 Nov 2024 11:43:02 +0100
Subject: [PATCH] fix: pointer on drag and droped when activ prod

---
 src/components/image/ImageComponent.tsx  |  7 +++++--
 src/components/sourceCard/SourceCard.tsx | 26 +++++++++++++++++++++---
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/components/image/ImageComponent.tsx b/src/components/image/ImageComponent.tsx
index 938376e1..7f60e127 100644
--- a/src/components/image/ImageComponent.tsx
+++ b/src/components/image/ImageComponent.tsx
@@ -17,10 +17,11 @@ interface ImageComponentProps extends PropsWithChildren {
   src?: string;
   alt?: string;
   type?: Type;
+  className?: string;
 }
 
 const ImageComponent: React.FC<ImageComponentProps> = (props) => {
-  const { src, alt = 'Image', children, type } = props;
+  const { src, alt = 'Image', children, type, className } = props;
   const { imageRefetchKey } = useContext(GlobalContext);
   const [imgSrc, setImgSrc] = useState<string>();
   const [loaded, setLoaded] = useState<boolean>(false);
@@ -52,7 +53,9 @@ const ImageComponent: React.FC<ImageComponentProps> = (props) => {
   return (
     <>
       {(!type || type === 'ingest_source') && src && (
-        <div className="relative z-10 aspect-video min-w-full overflow-hidden border rounded-lg bg-zinc-700">
+        <div
+          className={`${className} relative z-10 aspect-video min-w-full overflow-hidden border rounded-lg bg-zinc-700`}
+        >
           {((!imgSrc || error) && (
             <IconExclamationCircle className="text-error fill-white w-full h-full" />
           )) || (
diff --git a/src/components/sourceCard/SourceCard.tsx b/src/components/sourceCard/SourceCard.tsx
index 0f80e7df..ae89ae73 100644
--- a/src/components/sourceCard/SourceCard.tsx
+++ b/src/components/sourceCard/SourceCard.tsx
@@ -100,7 +100,9 @@ export default function SourceCard({
     <div
       ref={forwardedRef}
       style={style}
-      className="relative bg-zinc-700 aspect-video m-2 overflow-hidden cursor-pointer"
+      className={`relative bg-zinc-700 aspect-video m-2 overflow-hidden ${
+        productionSetup?.isActive ? 'cursor-auto' : 'cursor-pointer'
+      }`}
     >
       <div className="relative">
         <input
@@ -115,8 +117,26 @@ export default function SourceCard({
           disabled={locked}
         />
       </div>
-      {source && <ImageComponent src={getSourceThumbnail(source)} />}
-      {!source && sourceRef && <ImageComponent type={sourceRef.type} />}
+      {source && (
+        <ImageComponent
+          className={`${
+            productionSetup?.isActive
+              ? 'pointer-events-none'
+              : 'pointer-events-auto'
+          }`}
+          src={getSourceThumbnail(source)}
+        />
+      )}
+      {!source && sourceRef && (
+        <ImageComponent
+          className={`${
+            productionSetup?.isActive
+              ? 'pointer-events-none'
+              : 'pointer-events-auto'
+          }`}
+          type={sourceRef.type}
+        />
+      )}
       {(source || sourceRef) && (
         <h2
           className={`${