fix: update translations for error messages in English and Italian

Author: Kariamos

src/locales/en/translation.json

@@ -1063,6 +1063,7 @@
   "__PLAN_PAGE_MODULE_TOUCHPOINTS_TOUCHPOINT_WEB_LINK_LABEL": "Test link",
   "__PLAN_PAGE_MODULE_TOUCHPOINTS_TOUCHPOINT_WEB_LINK_PLACEHOLDER": "https://example.com",
   "__PLAN_PAGE_NAV_GENERIC_MODULE_ERROR": "This item has some errors",
+  "__PLAN_PAGE_PURCHASE_SUCCESS": "Purchase successfully completed",
   "__PLAN_PAGE_SAVE_AS_TEMPLATE_MODAL_BUTTON_CANCEL": "Cancel",
   "__PLAN_PAGE_SAVE_AS_TEMPLATE_MODAL_BUTTON_CONFIRM": "Save template",
   "__PLAN_PAGE_SAVE_AS_TEMPLATE_MODAL_BUTTON_CONTINUE_SETUP": "Continue setup",

src/locales/it/translation.json

@@ -1093,6 +1093,7 @@
   "__PLAN_PAGE_MODULE_TOUCHPOINTS_TOUCHPOINT_WEB_LINK_LABEL": "",
   "__PLAN_PAGE_MODULE_TOUCHPOINTS_TOUCHPOINT_WEB_LINK_PLACEHOLDER": "",
   "__PLAN_PAGE_NAV_GENERIC_MODULE_ERROR": "",
+  "__PLAN_PAGE_PURCHASE_SUCCESS": "",
   "__PLAN_PAGE_SAVE_AS_TEMPLATE_MODAL_BUTTON_CANCEL": "",
   "__PLAN_PAGE_SAVE_AS_TEMPLATE_MODAL_BUTTON_CONFIRM": "",
   "__PLAN_PAGE_SAVE_AS_TEMPLATE_MODAL_BUTTON_CONTINUE_SETUP": "",

src/pages/Plan/index.tsx

@@ -1,3 +1,4 @@
+import { useToast, Notification } from '@appquality/unguess-design-system';
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
@@ -28,6 +29,7 @@ const PlanPage = ({ plan }: { plan: GetPlansByPidApiResponse | undefined }) => {
   const { t } = useTranslation();
   const { activeTab, setActiveTab } = usePlanContext();
   const [search] = useSearchParams();
+  const { addToast } = useToast();
 
   useEffect(() => {
     if (!plan) return;
@@ -39,7 +41,17 @@ const PlanPage = ({ plan }: { plan: GetPlansByPidApiResponse | undefined }) => {
 
   useEffect(() => {
     if (search && search.get('payment') === 'success') {
-      alert('Urrà');
+      addToast(
+        ({ close }) => (
+          <Notification
+            onClose={close}
+            type="success"
+            message={t('__PLAN_PAGE_PURCHASE_SUCCESS')}
+            isPrimary
+          />
+        ),
+        { placement: 'top' }
+      );
     }
 
     const url = window.location.origin + window.location.pathname;