fix: meal registered status

app/components/repas/menu-card.tsx

@@ -6,9 +6,7 @@ import {
   CookingPot,
   Icon,
   Carrot,
-  LogIn,
   CalendarCheck,
-  Check,
   CheckCheck,
   Loader2,
 } from "lucide-react";
@@ -30,7 +28,13 @@ const getCourseIcon = (courseName: string) => {
   return <Utensils className="h-6 w-6" />;
 };
 
-export function DailyMenu({ meals, refetchMeals }: { meals: Meal[]; refetchMeals: () => Promise<any> }) {
+export function DailyMenu({
+  meals,
+  refetchMeals,
+}: {
+  meals: Meal[];
+  refetchMeals: () => Promise<any>;
+}) {
   if (meals.length === 0) {
     return (
       <div className="flex items-center justify-center p-4">
@@ -103,8 +107,7 @@ export function DailyMenu({ meals, refetchMeals }: { meals: Meal[]; refetchMeals
               ))}
             </div>
 
-            {meal.submittable &&
-              (meal.isRegistered ? (
+            {meal.isRegistered && (
               <Button
                 variant="outline"
                 className="w-full bg-green-600 hover:bg-green-700 text-white mt-4 mb-1"
@@ -114,7 +117,11 @@ export function DailyMenu({ meals, refetchMeals }: { meals: Meal[]; refetchMeals
                 <CheckCheck className="h-5 w-5 mr-2" />
                 Vous êtes inscrit(e) à ce repas
               </Button>
-              ) : isLoading ? (
+            )}
+            {credentials &&
+              !meal.isRegistered &&
+              meal.submittable &&
+              (isLoading ? (
                 <Button variant="default" className="w-full mt-4 mb-1" disabled>
                   <Loader2 className="h-5 w-5 mr-2 animate-spin" />
                   Inscription en cours...