From 13d25b3dcdbb052725928eee373e7bede5cc116f Mon Sep 17 00:00:00 2001
From: Thomas Ruoff <truoff@brandwatch.com>
Date: Fri, 22 Apr 2022 19:04:10 +0200
Subject: [PATCH] add booking_calendar.loaded class when calendar has loaded

---
 components/calendar.tsx | 2 +-
 components/loading.tsx  | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/calendar.tsx b/components/calendar.tsx
index 8c56d0d..e2b5a3e 100644
--- a/components/calendar.tsx
+++ b/components/calendar.tsx
@@ -94,7 +94,7 @@ export default function MyCalendar({
   return (
     <div className={className}>
       <h2 className="text-xl">Belegungsplan</h2>
-      <Loading loading={daysBookedLoading}>
+      <Loading className="booking_calendar" loading={daysBookedLoading}>
         <Calendar
           defaultActiveStartDate={startDate}
           minDate={new Date()}
diff --git a/components/loading.tsx b/components/loading.tsx
index 6668a86..7ac749d 100644
--- a/components/loading.tsx
+++ b/components/loading.tsx
@@ -3,12 +3,15 @@ import Spinner from './spinner'
 
 export default function Loading({
   loading,
+  className,
   children,
 }: {
   loading: boolean
+  className: string
   children: any
 }) {
-  const classNames = classnames({
+  const classNames = classnames(className, {
+    loaded: !loading,
     'opacity-50': loading,
   })
   return (