Optimise code

src/app/components/challenge-card/challenge-card.component.html

@@ -5,10 +5,6 @@
         <h3 class="col-span-4 text-base font-semibold text-gray-900 m-0">
             {{ data().label }}
         </h3>
-
-        <span class="col-span-1 text-right text-xs font-extrabold text-yellow-900 bg-amber-50 px-2 py-1 rounded-lg">
-          {{ tag() }}
-        </span>
     </div>
 
     <p class="text-[11px] text-gray-500 leading-relaxed">{{ data().libelle }}</p>
@@ -24,7 +20,7 @@
                     class="m-0 p-0 min-h-0 text-[11px] font-black bg-black text-white rounded-3xl"
                     style="--padding-top: 4px; --padding-bottom: 4px;"
                     (click)="setOpen(true)">
-                {{ action() }}
+                Relever
             </ion-button>
         </div>
     </div>
@@ -47,9 +43,6 @@
                     <h3 class="col-span-4 text-base font-semibold text-gray-900 m-0">
                         {{ data().label }}
                     </h3>
-                    <span class="col-span-1 text-right text-xs font-extrabold text-yellow-900 bg-amber-50 px-2 py-1 rounded-lg">
-                        {{ tag() }}
-                    </span>
                 </div>
 
                 <p class="text-[11px] text-gray-500 leading-relaxed">{{ data().libelle }}</p>

src/app/components/challenge-card/challenge-card.component.ts

@@ -21,9 +21,6 @@ export class ChallengeCardComponent {
     private toastCtrl = inject(ToastController);
     private loadCtrl = inject(LoadingController);
 
-    action = input.required<string>();
-    tag = input.required<string>();
-    color = input.required<string>();
     data = input.required<GetRandomChallengeDto>();
 
     proof = viewChild<ProofFormComponent>('proofForm');

src/app/components/groups/groups.component.html

@@ -1,4 +1,4 @@
-<div class="rounded-lg m-3 bg-white border border-gray-200 items-center overflow-scroll">
+<div class="rounded-lg m-3 bg-white border border-gray-200 items-center max-h-80 overflow-scroll">
     <ion-list>
         @if (groups().length) {
             @for (group of groups(); track group.id; let i = $index) {

src/app/pages/home/home.component.html

@@ -21,7 +21,7 @@
 <ion-content style="--background: #f7f6f2;">
     <div class="mt-4">
         <app-title-part textInfo="Défi bonus du jour"></app-title-part>
-        <app-challenge-card [data]="randomChallenge()" action="Regarder" tag="+1 pts" color=""></app-challenge-card>
+        <app-challenge-card [data]="randomChallenge()"></app-challenge-card>
     </div>
 
     <div class="mt-4">