From f32483cf772a3944a9a3322f96a6050f15be5c4f Mon Sep 17 00:00:00 2001
From: FazCodeFR <30906528+FazCodeFR@users.noreply.github.com>
Date: Thu, 6 Jun 2024 09:57:11 +0200
Subject: [PATCH] fix asso

---
 .../associations-list.component.html                  | 11 ++++++-----
 .../associations-list/associations-list.component.ts  |  1 +
 src/app/interfaces/interfaces.ts                      |  1 +
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/app/components/associations/associations-list/associations-list.component.html b/src/app/components/associations/associations-list/associations-list.component.html
index ad2e753..0f2dde6 100644
--- a/src/app/components/associations/associations-list/associations-list.component.html
+++ b/src/app/components/associations/associations-list/associations-list.component.html
@@ -4,16 +4,17 @@
   <ul role="list" class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
     <li *ngFor="let association of associations" class="col-span-1 divide-y divide-gray-200 rounded-lg bg-white shadow">
       <div class="flex w-full items-center justify-between space-x-6 p-6">
-        <div class="flex-1 truncate">
+        <div class="flex-1">
           <div class="flex items-center space-x-3">
             <a [routerLink]="['/associations', association.id]">
               <h3 class="truncate text-sm font-medium text-gray-900">{{ association.nom }}</h3>
             </a>
           </div>
-          <p class="mt-1 truncate text-sm text-gray-500" [innerHTML]="sanitizeHtml(association?.description!)"></p>
+          <p class="mt-1 text-sm text-gray-500">
+            {{ association.shortDescription }}
+          </p>
         </div>
-        <img class="h-20 w-20 flex-shrink-0 rounded-full bg-gray-300" [src]="association.Photos[0].url" alt="{{ association.nom }}">
-
+        <img class="h-20 w-20 flex-shrink-0 rounded-full bg-gray-300" [src]="association.photos[0].url" alt="{{ association.nom }}">
       </div>
       <div>
         <div class="flex justify-center border-gray-200">
@@ -25,4 +26,4 @@ <h3 class="truncate text-sm font-medium text-gray-900">{{ association.nom }}</h3
       </div>
     </li>
   </ul>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/components/associations/associations-list/associations-list.component.ts b/src/app/components/associations/associations-list/associations-list.component.ts
index a85adbe..05ea2b7 100644
--- a/src/app/components/associations/associations-list/associations-list.component.ts
+++ b/src/app/components/associations/associations-list/associations-list.component.ts
@@ -38,6 +38,7 @@ export class AssociationsListComponent {
     const associationSubscription = this.appService.getAllAssociations().subscribe({
       next: (associations) => {
         this.associations = associations;
+        console.log('🚀 ~ AssociationsListComponent ~ associationSubscription ~ this.associations:', this.associations);
         this.isLoaded = true;
       },
       error: (error) => {
diff --git a/src/app/interfaces/interfaces.ts b/src/app/interfaces/interfaces.ts
index 9403e57..83ddd18 100644
--- a/src/app/interfaces/interfaces.ts
+++ b/src/app/interfaces/interfaces.ts
@@ -74,6 +74,7 @@ export interface Association {
   url: string;
   ville: string;
   description?: string;
+  shortDescription?: string;
   tel?: string;
   chats: Chat[];
   utilisateurs: Utilisateur[];