From e4c95cb396234d36d05c15a324e09c8ee95a7ede Mon Sep 17 00:00:00 2001
From: Kurt Hutten <k.hutten@protonmail.ch>
Date: Sun, 5 Sep 2021 18:05:51 +1000
Subject: [PATCH] Allow click through of loading animation

---
 .../components/DelayedPingAnimation/DelayedPingAnimation.tsx    | 2 +-
 app/web/src/components/IdeContainer/IdeContainer.tsx            | 2 +-
 app/web/src/components/IdeViewer/IdeViewer.tsx                  | 1 -
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx b/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx
index b5ed291..f692591 100644
--- a/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx
+++ b/app/web/src/components/DelayedPingAnimation/DelayedPingAnimation.tsx
@@ -21,7 +21,7 @@ const DelayedPingAnimation = ({
 
   if (showLoading && isLoading)
     return (
-      <div className="inset-0 absolute flex items-center justify-center">
+      <div className="inset-0 absolute flex items-center justify-center pointer-events-none">
         <div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
       </div>
     )
diff --git a/app/web/src/components/IdeContainer/IdeContainer.tsx b/app/web/src/components/IdeContainer/IdeContainer.tsx
index 187ad89..817528e 100644
--- a/app/web/src/components/IdeContainer/IdeContainer.tsx
+++ b/app/web/src/components/IdeContainer/IdeContainer.tsx
@@ -22,7 +22,7 @@ const SmallLoadingPing = (
 )
 
 export const BigLoadingPing = (
-  <div className="inset-0 absolute flex items-center justify-center bg-ch-gray-800">
+  <div className="inset-0 absolute flex items-center justify-center bg-ch-gray-800 pointer-events-none">
     <div className="h-16 w-16 bg-pink-600 rounded-full animate-ping"></div>
   </div>
 )
diff --git a/app/web/src/components/IdeViewer/IdeViewer.tsx b/app/web/src/components/IdeViewer/IdeViewer.tsx
index 9bffb4d..9fd313a 100644
--- a/app/web/src/components/IdeViewer/IdeViewer.tsx
+++ b/app/web/src/components/IdeViewer/IdeViewer.tsx
@@ -178,7 +178,6 @@ const IdeViewer = ({ Loading }) => {
       : 1.2
   return (
     <div className="relative h-full bg-ch-gray-800">
-      {state.isLoading && Loading}
       {image && (
         <div
           className={`absolute inset-0 transition-opacity duration-500 ${