add no gains buttons funcitonality and design

SaTT-Wallet · May 14, 2024 · e31eee4 · e31eee4
1 parent 62df681
commit e31eee4
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/src/app/campaigns/components/farm-post-card/farm-post-card.component.html b/src/app/campaigns/components/farm-post-card/farm-post-card.component.html
@@ -623,7 +623,7 @@
             !isOwner &&
             prom.campaign.remuneration !== 'publication'
           "
-          [ngClass]="{ graybtn: !harvestAvailable }"
+          [ngClass]="{ graybtn: !harvestAvailable || prom.totalToEarn === '0' }"
         >
           <span
             class="btn-participe-gain"
@@ -687,19 +687,19 @@
         <button
           type="button"
           class="buttom_camp3"
+          [ngClass]="{ disable: prom.totalToearn === '0' }"
           (click)="getMyGains(prom)"
-          [disabled]="
-            prom.campaign.type !== 'finished' ||
-            !harvestAvailable ||
-            prom.totalToEarn === '0'
-          "
+          [disabled]="prom.campaign.type !== 'finished' || !harvestAvailable"
           *ngIf="
             prom.type === 'harvest' &&
             !isOwner &&
             prom.campaign.remuneration === 'publication'
           "
           [ngClass]="{
-            graybtn: prom.campaign.type === 'apply' || !harvestAvailable
+            graybtn:
+              prom.campaign.type === 'apply' ||
+              !harvestAvailable ||
+              prom.totalToEarn === '0'
           }"
         >
           <span

diff --git a/src/app/campaigns/components/farm-post-card/farm-post-card.component.scss b/src/app/campaigns/components/farm-post-card/farm-post-card.component.scss
@@ -25,13 +25,14 @@
   width: 100%;
   right: 0px;
 }
-.graybtn {
+.buttom_camp3.graybtn {
+  pointer-events: none;
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 120%;
   position: absolute;
-  cursor: default;
+  cursor: default !important;
   border: none;
   box-shadow: 0px 2px 2px rgb(0 0 0 / 15%);
   text-align: center;
@@ -151,7 +152,10 @@ hr.new2 {
   text-transform: uppercase;
   color: #adadc8;
 }
-
+.button_camp3.disable{
+  pointer-events: none;
+  background: gray;
+}
 .buttom_camp3 {
   font-style: normal;
   font-weight: 600;