From 18f92d9a8077f75972abd43f1a173cc00d6b09bc Mon Sep 17 00:00:00 2001
From: Poyraz <78071274+poyrazavsever@users.noreply.github.com>
Date: Sat, 27 Jun 2026 15:20:56 +0300
Subject: [PATCH] fix(links): simplify TOP_ICON_LINKS rendering as standard
 anchors

---
 components/links-content.tsx | 53 +++++++++++++-----------------------
 1 file changed, 19 insertions(+), 34 deletions(-)

diff --git a/components/links-content.tsx b/components/links-content.tsx
index 382845f..3917507 100644
--- a/components/links-content.tsx
+++ b/components/links-content.tsx
@@ -159,29 +159,7 @@ export function LinksContent() {
               <div className="grid gap-2 sm:grid-cols-2">
                 {TOP_ICON_LINKS.map((item) => {
                   const href = item.id === "cv" ? `/resume-${locale}.pdf` : item.href;
-                  const isStaticOrExternal = item.external || item.id === "rss" || item.id === "cv";
-                  const CardContent = (
-                    <Card className="rounded-2xl border-border bg-muted/35 p-3 transition-all hover:-translate-y-0.5 hover:border-red-600/40 hover:bg-background">
-                      <div className="flex items-center gap-3">
-                        <span className="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-border bg-background text-muted-foreground">
-                          <Icon icon={item.icon} width={18} height={18} />
-                        </span>
-                        <div className="min-w-0">
-                          <Typography variant="large" className="truncate text-base">
-                            {tNav.has(item.id) ? tNav(item.id) : item.label}
-                          </Typography>
-                          <Typography
-                            variant="small"
-                            className="truncate text-xs text-muted-foreground"
-                          >
-                            {formatHref(href)}
-                          </Typography>
-                        </div>
-                      </div>
-                    </Card>
-                  );
-
-                  return isStaticOrExternal ? (
+                  return (
                     <a
                       key={item.id}
                       href={href}
@@ -189,18 +167,25 @@ export function LinksContent() {
                       rel={item.id === "cv" || item.external ? "noreferrer" : undefined}
                       className="block"
                     >
-                      {CardContent}
+                      <Card className="rounded-2xl border-border bg-muted/35 p-3 transition-all hover:-translate-y-0.5 hover:border-red-600/40 hover:bg-background">
+                        <div className="flex items-center gap-3">
+                          <span className="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl border border-border bg-background text-muted-foreground">
+                            <Icon icon={item.icon} width={18} height={18} />
+                          </span>
+                          <div className="min-w-0">
+                            <Typography variant="large" className="truncate text-base">
+                              {tNav.has(item.id) ? tNav(item.id) : item.label}
+                            </Typography>
+                            <Typography
+                              variant="small"
+                              className="truncate text-xs text-muted-foreground"
+                            >
+                              {formatHref(href)}
+                            </Typography>
+                          </div>
+                        </div>
+                      </Card>
                     </a>
-                  ) : (
-                    <Link
-                      key={item.id}
-                      href={href}
-                      target={item.external ? "_blank" : undefined}
-                      rel={item.external ? "noreferrer" : undefined}
-                      className="block"
-                    >
-                      {CardContent}
-                    </Link>
                   );
                 })}
               </div>