From fe1bfe8ff77edaa95335f9959e2c78ed149a09e0 Mon Sep 17 00:00:00 2001
From: Diego-C-05 <diegocipolla2005@gmail.com>
Date: Wed, 6 May 2026 10:29:54 +0200
Subject: [PATCH] feat: aggiunto collegamento a fonte tramite titolo

---
 cose.md                                        |  3 +++
 .../src/components/FeedContent.tsx             |  1 +
 frontend-BriefAI/src/components/MagicCard.tsx  | 18 ++++++++++++++++--
 frontend-BriefAI/src/pages/FeedPage.css        | 11 +++++++++++
 4 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/cose.md b/cose.md
index 1b8f0e4..0fdb3af 100644
--- a/cose.md
+++ b/cose.md
@@ -5,3 +5,6 @@ onCancelSubscription e onUpgrade sono void (AccountSettings.tsx)
 in feedservices.ts non capisco se il token è quello che ho impostato io o è random
 
 email non va bene perchè viene accettata a prescindere anche se non ha senso
+
+
+togli link dagli articoli processed
\ No newline at end of file
diff --git a/frontend-BriefAI/src/components/FeedContent.tsx b/frontend-BriefAI/src/components/FeedContent.tsx
index fd44d64..b0e7e6f 100644
--- a/frontend-BriefAI/src/components/FeedContent.tsx
+++ b/frontend-BriefAI/src/components/FeedContent.tsx
@@ -64,6 +64,7 @@ function FeedContent({ sentimentFilter = null, topicsFilter = null }: FeedConten
                         <MagicCard
                           key={a.uniqueKey}
                           articleId={a.uniqueKey}
+                          articleUrl={a.url}
                           source={a.source}
                           timeAgo={new Date(a.pubDate).toLocaleString()}
                           sentiment={
diff --git a/frontend-BriefAI/src/components/MagicCard.tsx b/frontend-BriefAI/src/components/MagicCard.tsx
index db0f477..12b5be2 100644
--- a/frontend-BriefAI/src/components/MagicCard.tsx
+++ b/frontend-BriefAI/src/components/MagicCard.tsx
@@ -4,6 +4,7 @@ import { sendFeedback } from '../services/feedbackService'
 
 type MagicCardProps = {
   articleId?: string
+  articleUrl?: string
   source: string
   timeAgo: string
   sentiment: 'Positivo' | 'Negativo' | 'Neutrale'
@@ -14,7 +15,7 @@ type MagicCardProps = {
 }
 
 // Card notizia: mostra fonte, sentiment, testo, tag, entità e azioni rapide.
-function MagicCard({ articleId, source, timeAgo, sentiment, title, summary, tags, entities }: MagicCardProps) {
+function MagicCard({ articleId, articleUrl, source, timeAgo, sentiment, title, summary, tags, entities }: MagicCardProps) {
   const [voted, setVoted] = useState<1 | -1 | null>(null)
 
   const handleVote = (vote: 1 | -1) => {
@@ -35,7 +36,20 @@ function MagicCard({ articleId, source, timeAgo, sentiment, title, summary, tags
         <span className={`sentiment-badge ${sentiment.toLowerCase()}`}>{sentiment}</span>
       </header>
 
-      <h3 className="magic-card-title">{title}</h3>
+      {articleUrl ? (
+        <h3 className="magic-card-title">
+          <a
+            href={articleUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="magic-card-title-link"
+          >
+            {title}
+          </a>
+        </h3>
+      ) : (
+        <h3 className="magic-card-title">{title}</h3>
+      )}
       <p className="magic-card-summary">{summary}</p>
 
       {/* Tag tematici: servono a classificare velocemente la notizia. */}
diff --git a/frontend-BriefAI/src/pages/FeedPage.css b/frontend-BriefAI/src/pages/FeedPage.css
index 8d98397..c0d66a8 100644
--- a/frontend-BriefAI/src/pages/FeedPage.css
+++ b/frontend-BriefAI/src/pages/FeedPage.css
@@ -283,6 +283,17 @@
   transition: color 180ms ease;
 }
 
+.magic-card-title-link {
+  color: inherit;
+  text-decoration: none;
+  display: inline-block;
+}
+
+.magic-card-title-link:hover,
+.magic-card-title-link:focus-visible {
+  text-decoration: underline;
+}
+
 .magic-card:hover .magic-card-title {
   color: #2563eb;
 }