From 9a94045c33d262bd2f645014596dada6dfab8373 Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Fri, 16 Oct 2026 23:25:01 +0200
Subject: [PATCH] Show the external link icon on the Apprise service help links

---
 AppImage/components/apprise-service-help.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/AppImage/components/apprise-service-help.tsx b/AppImage/components/apprise-service-help.tsx
index db6eae71..de9d132b 100644
--- a/AppImage/components/apprise-service-help.tsx
+++ b/AppImage/components/apprise-service-help.tsx
@@ -1,5 +1,6 @@
 "use client"
 
+import { ExternalLink } from "lucide-react"
 import { useT } from "../lib/i18n/provider"
 
 // These are examples, never defaults: opening help must not replace a saved
@@ -13,16 +14,16 @@ export function AppriseServiceHelp() {
         <h4 className="font-medium">Slack</h4>
         <p className="text-muted-foreground">{t("settings.notifications.ui.appriseSlackSteps")}</p>
         <code className="block break-all rounded bg-background p-2 text-[10px]">https://hooks.slack.com/services/TOKEN_A/TOKEN_B/TOKEN_C</code>
-        <a href="https://appriseit.com/services/slack/" target="_blank" rel="noopener noreferrer" className="text-cyan-500 hover:underline">
-          {t("settings.notifications.ui.appriseSlackDocs")}
+        <a href="https://appriseit.com/services/slack/" target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1 text-cyan-500 hover:underline">
+          {t("settings.notifications.ui.appriseSlackDocs")} <ExternalLink className="h-3 w-3" />
         </a>
       </div>
       <div className="space-y-1.5 min-w-0">
         <h4 className="font-medium">Matrix</h4>
         <p className="text-muted-foreground">{t("settings.notifications.ui.appriseMatrixSteps")}</p>
         <code className="block break-all rounded bg-background p-2 text-[10px]">matrixs://USER:PASSWORD@matrix.example.com/!ROOM_ID:matrix.example.com</code>
-        <a href="https://appriseit.com/services/matrix/" target="_blank" rel="noopener noreferrer" className="text-cyan-500 hover:underline">
-          {t("settings.notifications.ui.appriseMatrixDocs")}
+        <a href="https://appriseit.com/services/matrix/" target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-1 text-cyan-500 hover:underline">
+          {t("settings.notifications.ui.appriseMatrixDocs")} <ExternalLink className="h-3 w-3" />
         </a>
       </div>
     </div>