From 62df681da5aa58c3e7720359261448490e4ff757 Mon Sep 17 00:00:00 2001
From: skanderKhabou <skander.khabou@gmail.com>
Date: Tue, 14 May 2024 14:02:49 +0100
Subject: [PATCH 1/2]  add no gain button status

---
 .../farm-post-card.component.html             | 56 ++++++++++++++++++-
 src/assets/i18n/en.json                       |  1 +
 src/assets/i18n/fr.json                       |  1 +
 3 files changed, 55 insertions(+), 3 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
index fd31129b..57048e8c 100755
--- 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
@@ -625,7 +625,10 @@
           "
           [ngClass]="{ graybtn: !harvestAvailable }"
         >
-          <span class="btn-participe-gain" *ngIf="harvestAvailable === true">
+          <span
+            class="btn-participe-gain"
+            *ngIf="harvestAvailable === true && prom.totalToEarn !== '0'"
+          >
             <img
               class="hourglass mb-3"
               src="/assets/Images/newImages/recover-hand.svg"
@@ -645,6 +648,26 @@
               }}.svg"
             />
           </span>
+          <span
+            class="btn-participe-gain-disabled"
+            *ngIf="harvestAvailable === true && prom.totalToEarn === '0'"
+          >
+            <img
+              class="hourglass mb-3"
+              src="/assets/Images/newImages/recover-hand.svg"
+            />
+            <span class="hide-row-desktop"
+              >{{ 'campaign_details.editor_recover_sattNull' | translate }}
+            </span>
+            <!-- <img
+            width="19px"
+            height="18px"
+            class="ms-1 crypto-logo hide-row-desktop"
+            src="/assets/Images/icons-crypto/white/{{
+              prom.campaign.currency
+            }}.svg"
+          /> -->
+          </span>
           <span
             class="btn-apply-text text-orange"
             *ngIf="harvestAvailable === false"
@@ -665,7 +688,11 @@
           type="button"
           class="buttom_camp3"
           (click)="getMyGains(prom)"
-          [disabled]="prom.campaign.type !== 'finished' || !harvestAvailable"
+          [disabled]="
+            prom.campaign.type !== 'finished' ||
+            !harvestAvailable ||
+            prom.totalToEarn === '0'
+          "
           *ngIf="
             prom.type === 'harvest' &&
             !isOwner &&
@@ -675,7 +702,10 @@
             graybtn: prom.campaign.type === 'apply' || !harvestAvailable
           }"
         >
-          <span class="btn-participe-gain" *ngIf="harvestAvailable">
+          <span
+            class="btn-participe-gain"
+            *ngIf="harvestAvailable && prom.totalToEarn !== '0'"
+          >
             <img
               class="hourglass mb-3"
               src="/assets/Images/newImages/recover-hand.svg"
@@ -695,6 +725,26 @@
               }}.svg"
             />
           </span>
+          <span
+            class="btn-participe-gain-disabled"
+            *ngIf="harvestAvailable && prom.totalToEarn === '0'"
+          >
+            <img
+              class="hourglass mb-3"
+              src="/assets/Images/newImages/recover-hand.svg"
+            />
+            <span class="hide-row-desktop"
+              >{{ 'campaign_details.editor_recover_sattNull' | translate }}
+            </span>
+            <!-- <img
+              width="19px"
+              height="18px"
+              class="ms-1 crypto-logo hide-row-desktop"
+              src="/assets/Images/icons-crypto/white/{{
+                prom.campaign.currency
+              }}.svg"
+            /> -->
+          </span>
           <span
             class="btn-apply-text text-orange"
             *ngIf="harvestAvailable === false"
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 01d84aaf..e000aace 100755
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -516,6 +516,7 @@
   "social_networks.add_tiktok": "Add TikTok account",
   "campaign_details.earnings": "Earnings",
   "campaign_details.editor_recover_satt": "Harvest",
+  "campaign_details.editor_recover_sattNull": "No Gains",
   "campaign_details.editor_stats": "Statistics",
   "campaign_details.increase_fund": "Gérer mon Adpool",
   "campaign_details.media": "Media",
diff --git a/src/assets/i18n/fr.json b/src/assets/i18n/fr.json
index ccc57056..e16a2cec 100755
--- a/src/assets/i18n/fr.json
+++ b/src/assets/i18n/fr.json
@@ -795,6 +795,7 @@
   "create-comp-type-here": "Tapez ici...",
   "campaign_details.earnings": "Gains",
   "campaign_details.editor_recover_satt": "Récupérer",
+  "campaign_details.editor_recover_sattNull": "Pas de gains",
   "campaign_details.editor_stats": "Statistiques",
   "campaign_details.increase_fund": "Augmenter le budget",
   "campaign_details.media": "Média",

From e31eee496075bfb0c6f322e8c7e17bb9c0c8967f Mon Sep 17 00:00:00 2001
From: skanderKhabou <skander.khabou@gmail.com>
Date: Tue, 14 May 2024 16:06:47 +0100
Subject: [PATCH 2/2]  add no gains buttons funcitonality and design

---
 .../farm-post-card/farm-post-card.component.html   | 14 +++++++-------
 .../farm-post-card/farm-post-card.component.scss   | 10 +++++++---
 2 files changed, 14 insertions(+), 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
index 57048e8c..c3097f23 100755
--- 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
index 6a65ebda..a308e46f 100755
--- 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;