feat: add plan card labels for confirmation, finalization, and viewing activities

Author: iacopolea

src/locales/en/translation.json

@@ -1378,6 +1378,9 @@
   "_CAMPAIGN_WIDGET_UX_USER_ANALYSIS_DESCRIPTION_HEADER": "There are observations on",
   "_CAMPAIGN_WIDGET_UX_USER_ANALYSIS_HEADER": "Analyzed User Contributions",
   "_PAGE_PROFILE_HEADER_TEXT": "Manage your profile anytime: check and update your personal information whenever you need.",
+  "_PLAN_CARD_LABEL_CONFIRM": "Confirm & Launch",
+  "_PLAN_CARD_LABEL_FINALIZE": "Finalize Activity",
+  "_PLAN_CARD_LABEL_LOOK": "Take a look",
   "_PLAN_PAGE_MODULE_LANGUAGE_DESCRIPTION": "You’ll receive feedback in the language you’re selecting",
   "_PLAN_PAGE_MODULE_LANGUAGE_SUBTITLE": "Select participants' preferred language",
   "_PROJECT_PAGE_PLANS_GROUP_SEE_ALL": "View more",

src/locales/it/translation.json

@@ -1420,6 +1420,9 @@
   "_CAMPAIGN_WIDGET_UX_USER_ANALYSIS_DESCRIPTION_HEADER": "Hai aggiunto osservazioni su",
   "_CAMPAIGN_WIDGET_UX_USER_ANALYSIS_HEADER": "Contributi utente analizzati",
   "_PAGE_PROFILE_HEADER_TEXT": "",
+  "_PLAN_CARD_LABEL_CONFIRM": "",
+  "_PLAN_CARD_LABEL_FINALIZE": "",
+  "_PLAN_CARD_LABEL_LOOK": "",
   "_PLAN_PAGE_MODULE_LANGUAGE_DESCRIPTION": "",
   "_PLAN_PAGE_MODULE_LANGUAGE_SUBTITLE": "",
   "_PROJECT_PAGE_PLANS_GROUP_SEE_ALL": "Vedi tutti",

src/pages/Dashboard/PlanCard.tsx

@@ -1,24 +1,46 @@
 import { PlanCard as UGPlanCard } from '@appquality/unguess-design-system';
+import { get } from 'http';
+import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { GetWorkspacesByWidPlansApiResponse } from 'src/features/api';
 import { usePlan } from 'src/hooks/usePlan';
 import { usePlanStatusLabel } from 'src/hooks/usePlanStatusLabel';
+import { PlanComposedStatusType } from 'src/types';
 
 export const PlanCard = ({
   plan,
 }: {
   plan: GetWorkspacesByWidPlansApiResponse[number];
 }) => {
   const { planComposedStatus } = usePlan(plan.id.toString());
+  const { t } = useTranslation();
   const statusLabel = usePlanStatusLabel({ planStatus: planComposedStatus });
   const navigate = useNavigate();
   const navigateToPlan = () => {
     navigate(`/plans/${plan.id}`);
   };
+
+  const getPlanLabel = (planStatus?: PlanComposedStatusType) => {
+    switch (planStatus) {
+      case 'PurchasableDraft':
+      case 'UnquotedDraft':
+      case 'PrequotedDraft':
+        return t('_PLAN_CARD_LABEL_FINALIZE');
+      case 'Submitted':
+      case 'OpsCheck':
+      case 'Paying':
+        return t('_PLAN_CARD_LABEL_LOOK');
+      case 'AwaitingPayment':
+      case 'AwaitingApproval':
+        return t('_PLAN_CARD_LABEL_CONFIRM');
+      default:
+        return '';
+    }
+  };
   return (
     <UGPlanCard
       status={planComposedStatus}
-      i18n={{ statusLabel }}
+      i18n={{ statusLabel, planLabel: getPlanLabel(planComposedStatus) }}
       onClick={navigateToPlan}
     >
       <UGPlanCard.ProjectLabel>{plan.project.title}</UGPlanCard.ProjectLabel>