From f5892da1d8fc8df9dc036e3557ce3731385dad44 Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <ThomasRuoff@gmail.com>
Date: Fri, 18 Jun 2021 23:31:12 +0200
Subject: [PATCH] never set className to false

---
 components/loading.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/loading.tsx b/components/loading.tsx
index fb53a3d..6668a86 100644
--- a/components/loading.tsx
+++ b/components/loading.tsx
@@ -1,3 +1,4 @@
+import classnames from 'classnames'
 import Spinner from './spinner'
 
 export default function Loading({
@@ -7,9 +8,12 @@ export default function Loading({
   loading: boolean
   children: any
 }) {
+  const classNames = classnames({
+    'opacity-50': loading,
+  })
   return (
-    <div data-testid="wrapper" className="relative">
-      <div className={loading && 'opacity-50'}>{children}</div>
+    <div className="relative">
+      <div className={classNames}>{children}</div>
       {loading && (
         <div className="absolute inset-0 w-full h-full flex justify-center items-center pointer-events-node">
           <Spinner />