From 80a2624cc9c5f15453430e26428e89a77eaa79cf Mon Sep 17 00:00:00 2001
From: Lucca <lucca180@gmail.com>
Date: Fri, 31 Jan 2025 09:11:05 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20improve=20need=20help=20pri?=
 =?UTF-8?q?ce=20card?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Price/ItemPriceCard.tsx | 59 ++++++++++++++++++------------
 translation/en.json                |  4 +-
 translation/pt.json                |  4 +-
 3 files changed, 42 insertions(+), 25 deletions(-)

diff --git a/components/Price/ItemPriceCard.tsx b/components/Price/ItemPriceCard.tsx
index 357cf5f..9e71054 100644
--- a/components/Price/ItemPriceCard.tsx
+++ b/components/Price/ItemPriceCard.tsx
@@ -146,10 +146,14 @@ const ItemPriceCard = (props: Props) => {
 
     if (!hasTrades) return false;
 
-    if (!price) return true;
+    const res = {
+      needPricing: priceStatus.waitingTrades.needPricing,
+      needVoting: priceStatus.waitingTrades.needVoting,
+    };
 
-    if (differenceInCalendarDays(new Date(), new Date(price.addedAt)) > 15 && hasTrades)
-      return true;
+    if (!price) return res;
+
+    if (differenceInCalendarDays(new Date(), new Date(price.addedAt)) > 15 && hasTrades) return res;
 
     return false;
   }, [user, priceStatus, price]);
@@ -207,7 +211,7 @@ const ItemPriceCard = (props: Props) => {
 
       <CardBase color={rgbColor} title={t('ItemPage.price-overview')}>
         <Flex gap={3} flexFlow="column">
-          {needHelp && <HelpNeeded item={item} />}
+          {!!needHelp && <HelpNeeded item={item} helpData={needHelp} />}
           <Flex
             flexFlow={{ base: 'column', md: 'row' }}
             alignItems={{ base: 'inherit', md: 'center' }}
@@ -377,10 +381,11 @@ export default ItemPriceCard;
 
 type HelpNeededProps = {
   item: ItemData;
+  helpData: { needPricing: number; needVoting: number };
 };
 
 const HelpNeeded = (props: HelpNeededProps) => {
-  const { item } = props;
+  const { item, helpData } = props;
   const [hideHelp, setHideHelp] = useState(false);
   const t = useTranslations();
 
@@ -399,24 +404,32 @@ const HelpNeeded = (props: HelpNeededProps) => {
       >
         {t('Feedback.price-update-txt')}
         <HStack justifyContent={'center'}>
-          <Button
-            as={Link}
-            href={`/feedback/trades?target=${item.name}`}
-            prefetch={false}
-            target="_blank"
-            size="sm"
-          >
-            {t('Feedback.price-trade-lots')}
-          </Button>
-          <Button
-            as={Link}
-            href={`/feedback/vote?target=${item.name}`}
-            prefetch={false}
-            target="_blank"
-            size="sm"
-          >
-            {t('Feedback.vote-suggestions')}
-          </Button>
+          {!!helpData.needPricing && (
+            <Button
+              as={Link}
+              href={`/feedback/trades?target=${item.name}`}
+              prefetch={false}
+              target="_blank"
+              size="sm"
+            >
+              {t('Feedback.price-x-trade-lots', {
+                x: helpData.needPricing,
+              })}
+            </Button>
+          )}
+          {!!helpData.needVoting && (
+            <Button
+              as={Link}
+              href={`/feedback/vote?target=${item.name}`}
+              prefetch={false}
+              target="_blank"
+              size="sm"
+            >
+              {t('Feedback.vote-x-suggestions', {
+                x: helpData.needVoting,
+              })}
+            </Button>
+          )}
         </HStack>
       </AlertDescription>
       <CloseButton
diff --git a/translation/en.json b/translation/en.json
index e633dfb..64b1f88 100644
--- a/translation/en.json
+++ b/translation/en.json
@@ -685,7 +685,9 @@
     "suggestion-voting-txt": "Vote on suggestions from other users (or from our system)",
     "bug-helper-text": "If you are reporting a bug, provide as many details as possible about what happened and when.",
     "we-need-your-help": "We need your help!",
-    "price-update-txt": "We detected that this price might be incorrect or outdated and we have new data waiting to be priced"
+    "price-update-txt": "We detected that this price might be incorrect or outdated and we have new data waiting to be priced",
+    "price-x-trade-lots": "Price {x} Trade Lots",
+    "vote-x-suggestions": "Vote {x} Suggestions"
   },
   "Restock": {
     "restock-info": "Restock Info",
diff --git a/translation/pt.json b/translation/pt.json
index 538b5c7..ca21c86 100644
--- a/translation/pt.json
+++ b/translation/pt.json
@@ -554,7 +554,9 @@
     "suggestion-voting-txt": "Vote na sugestões de outros usuários (ou do nosso sistema)",
     "bug-helper-text": "Se você está reportando um bug, coloque a maior quantidade de detalhes possível sobre o que aconteceu e quando.",
     "price-update-txt": "Detectamos que este preço pode estar incorreto ou desatualizado e temos novos dados aguardando para serem precificados",
-    "we-need-your-help": "Precisamos da sua ajuda!"
+    "we-need-your-help": "Precisamos da sua ajuda!",
+    "price-x-trade-lots": "Precificar {x} Lotes de Troca",
+    "vote-x-suggestions": "Votar em {x} Sugestões"
   },
   "Lists": {
     "add-to-list": "Adicionar a Lista",