Merge pull request #2660 from ankaboot-source/feat/campaign-batch-ui-improvement

fix: use PrimeVue pi-sign-out icon instead of Material Symbols

Author: baderdean

frontend/src/i18n/messages.json

@@ -154,7 +154,7 @@
     },
     "unsubscribe": {
       "success_header": "You have been unsubscribed",
-      "success_message": "You will no longer receive emails from us.",
+      "success_message": "You will no longer receive emails from {sender}.",
       "preview_notice": "This is a preview - the link is active in the actual email",
       "failure_header": "Unsubscribe failed",
       "failure_message": "We couldn't find your subscription. Please contact support.",
@@ -316,7 +316,7 @@
     },
     "unsubscribe": {
       "success_header": "Vous êtes désabonné",
-      "success_message": "Vous ne recevrez plus d'emails de notre part.",
+      "success_message": "Vous ne recevrez plus d'emails de {sender}.",
       "preview_notice": "Ceci est un aperçu - le lien est actif dans l'email réel",
       "failure_header": "Désabonnement échoué",
       "failure_message": "Nous n'avons pas trouvé votre abonnement. Veuillez contacter le support.",

frontend/src/pages/unsubscribe/success.vue

@@ -10,7 +10,7 @@
     </div>
     <div>
       <p>
-        {{ $t('unsubscribe.success_message') }}
+        {{ $t('unsubscribe.success_message', { sender: senderEmail }) }}
       </p>
     </div>
     <div v-if="isPreview" class="bg-blue-50 border border-blue-200 rounded p-4">
@@ -24,4 +24,5 @@
 <script setup lang="ts">
 const $route = useRoute();
 const isPreview = Boolean($route.query.preview);
+const senderEmail = $route.query.sender as string | undefined;
 </script>

supabase/functions/email-campaigns/index.ts

@@ -2052,14 +2052,31 @@ app.get("/unsubscribe/:token", async (c: Context) => {
     event_type: "unsubscribe",
   });
 
+  let senderEmail = "";
+  try {
+    const { data: profile } = await supabaseAdmin
+      .schema("private")
+      .from("profiles")
+      .select("email")
+      .eq("user_id", recipient.user_id)
+      .maybeSingle();
+    senderEmail = profile?.email || "";
+  } catch (e) {
+    console.error("Failed to fetch sender email:", e);
+  }
+
+  const successUrl = senderEmail
+    ? `${FRONTEND_HOST}/unsubscribe/success?sender=${encodeURIComponent(senderEmail)}`
+    : `${FRONTEND_HOST}/unsubscribe/success`;
+
   return new Response(null, {
     status: 302,
     headers: {
       ...corsHeaders,
-      Location: `${FRONTEND_HOST}/unsubscribe/success`,
+      Location: success  });
+});Url,
     },
-  });
-});
+
 
 app.get("/track/open/:token", async (c: Context) => {
   const token = c.req.param("token");