Update external embed

apps/external/src/EmbeddedBookingPage.tsx

@@ -25,7 +25,6 @@ import { useState } from "react";
 import { useParams, useSearchParams } from "react-router-dom";
 import { twMerge } from "tailwind-merge";
 import { CustomModal } from "./CustomModal";
-import { LoadingSpinner } from "./LoadingSpinner";
 import { api } from "./lib/api";
 import { supabase } from "./lib/supabase";
 import { useMaybeUser } from "./UserStoreProvider";
@@ -454,17 +453,6 @@ export function EmbeddedBookingPage() {
     }
   };
 
-  if (isLoadingSlots) {
-    return (
-      <div className="w-[1130px] h-[700px] flex items-center justify-center bg-gray-50 dark:from-gray-900 dark:to-gray-800">
-        <div className="text-center">
-          <LoadingSpinner />
-          <p className="mt-4 text-gray-600 dark:text-gray-400">Chargement des disponibilités...</p>
-        </div>
-      </div>
-    );
-  }
-
   return (
     <div className="w-[1130px] h-[700px] bg-transparent overflow-hidden">
       <div className="h-full bg-white dark:bg-gray-800 rounded-2xl border border-gray-200 dark:border-gray-700 flex overflow-hidden">

apps/external/src/FloatingBookingWidget.tsx

@@ -21,7 +21,6 @@ import { useState } from "react";
 import { useParams, useSearchParams } from "react-router-dom";
 import { twMerge } from "tailwind-merge";
 import { CustomModal } from "./CustomModal";
-import { LoadingSpinner } from "./LoadingSpinner";
 import { api } from "./lib/api";
 import { supabase } from "./lib/supabase";
 // import { useCreateTabloWithOwner } from "@xtablo/shared";
@@ -371,24 +370,6 @@ export function FloatingBookingWidget() {
     }
   };
 
-  if (isLoadingSlots) {
-    return (
-      <div className="fixed inset-0 pointer-events-none">
-        <div className="fixed bottom-6 right-6 z-50 pointer-events-auto">
-          <Button
-            size="lg"
-            className={twMerge(
-              "rounded-full h-14 w-14 shadow-lg transition-all duration-200",
-              btnColors.floating
-            )}
-            disabled
-          >
-            <LoadingSpinner />
-          </Button>
-        </div>
-      </div>
-    );
-  }
 
   return (
     <div className="fixed inset-0 pointer-events-none">

apps/external/src/LoadingSpinner.tsx

@@ -1,12 +0,0 @@
-export const LoadingSpinner = () => {
-  return (
-    <div className="flex items-center justify-center min-h-screen">
-      <img
-        src="/icon.jpg"
-        alt="Loading..."
-        role="status"
-        className="animate-spin rounded-full h-16 w-16 object-cover"
-      />
-    </div>
-  );
-};

apps/external/src/UserStoreProvider.tsx

@@ -3,7 +3,6 @@ import { useSession } from "@xtablo/shared/contexts/SessionContext";
 import { Tables } from "@xtablo/shared/types/database.types";
 import React from "react";
 import { createStore, StoreApi, useStore } from "zustand";
-import { LoadingSpinner } from "./LoadingSpinner";
 import { api } from "./lib/api";
 
 export type User = Tables<"profiles"> & {
@@ -34,7 +33,7 @@ export const UserStoreProvider = ({ children }: { children: React.ReactNode }) =
   });
 
   if (isPending && shouldFetchUser) {
-    return <LoadingSpinner />;
+    return <div>Loading...</div>;
   }
 
   if (!user) {