des changements pour faire fonctionner le group wishlist, ajouter des idées

Author: wktatschl

frontend/src/components/groups/Wishlist.tsx

@@ -97,11 +97,18 @@ export default function Wishlist({ groupId, beneficiaryItems, groupItems, onAddI
       colour="orange"
       title="Wishlist du groupe"
       classNameTitle="text-[1.125rem]"
-      button={<Button text="Proposer une idée" icon="plus" colour="green" onClick={() => {
-      setEditingGift(null);
-      setFormData({ name: "", description: "", imageUrl: "", url: "" });
-      setIsModalOpen(true);
-    }} />}
+      button={
+        <Button
+          text="Proposer une idée"
+          icon="plus"
+          colour="green"
+          onClick={() => {
+            setEditingGift(null);
+            setFormData({ name: "", description: "", imageUrl: "", url: "" });
+            setIsModalOpen(true);
+          }}
+        />
+      }
     >
       {/* Beneficiary wishlist */}
       <section className="mb-6">
@@ -183,7 +190,6 @@ export default function Wishlist({ groupId, beneficiaryItems, groupItems, onAddI
                           className="px-2 py-1 rounded-md bg-[#A74228] text-white text-sm shadow cursor-pointer"
                           disabled={deleting}
                         />
-
                       </>
                     ) : null
                   }

frontend/src/components/utils/Card.tsx

@@ -73,9 +73,9 @@ export default function Card({
           src={isExternalImage ? img : `/images/${img}.jpg`}
           alt={title}
           className={`h-12 w-12 ${square ? "rounded-xl" : "rounded-full"} object-cover mr-4`}
-        onError={(e) => {
-          (e.currentTarget as HTMLImageElement).src = "/images/papier-theme.jpg";
-        }}
+          onError={(e) => {
+            (e.currentTarget as HTMLImageElement).src = "/images/papier-theme.jpg";
+          }}
         />
 
         {nbNewMessages && nbNewMessages > 0 ? (

frontend/src/pages/Conversations.tsx

@@ -40,6 +40,7 @@ export default function Conversations() {
   const [isCreateGroupModalOpen, setIsCreateGroupModalOpen] = useState(false);
   const [isAddFundsModalOpen, setIsAddFundsModalOpen] = useState(false);
 
+
   const { data: groupData, refetch: refetchGroups } = useGetAllMyGroupsQuery({
     fetchPolicy: "no-cache",
     nextFetchPolicy: "no-cache",
@@ -363,30 +364,18 @@ export default function Conversations() {
           )}
 
           {/* Wishlist View */}
-          {mobileView === "wishlist" && indexGroups !== -1 && (
+          {mobileView === "wishlist" && indexGroups !== -1 && groups[indexGroups] && (
             <div className="mobile-subview-content mobile-wishlist-bg">
-              {/* Idées du bénéficiaire */}
-              <div className="mobile-wishlist-section">
-                <h3 className="mobile-wishlist-section-title">Idées du bénéficiaire</h3>
-                <p className="mobile-wishlist-section-empty">Aucune idée ajoutée par le bénéficiaire.</p>
-              </div>
-
-              {/* Idées du groupe */}
-              <div className="mobile-wishlist-section">
-                <h3 className="mobile-wishlist-section-title">Idées proposées par le groupe</h3>
-                <p className="mobile-wishlist-section-empty">Aucune idée proposée pour le moment.</p>
-              </div>
-
-              {/* Button */}
-              <div className="mobile-subview-button-container">
-                <button type="button" className="mobile-subview-button">
-                  <LuCirclePlus className="text-xl" />
-                  Proposer une idée
-                </button>
-              </div>
+              <Wishlist
+                groupId={Number(groups[indexGroups].id)}
+                beneficiaryItems={beneficiaryItems}
+                groupItems={groupItems}
+                onAddIdea={() => refetchWishlist()}
+              />
             </div>
           )}
 
+
           {/* Cagnotte View */}
           {mobileView === "cagnotte" && indexGroups !== -1 && groups[indexGroups] && (
             <div className="mobile-subview-content mobile-cagnotte-bg">