From 6495369c5676136030fa008e547bc56dcea83485 Mon Sep 17 00:00:00 2001
From: bilalgursen <bilalgursen777@gmail.com>
Date: Sun, 2 Aug 2026 04:48:44 +0300
Subject: [PATCH] Enhance KatalogArama component by adding PUAN_TURU_ETIKET for
 improved user feedback. Updated button aria-labels and display elements to
 include score type, ensuring better clarity and consistency in the UI.
 Adjusted styles for better responsiveness and visual alignment.

---
 src/components/katalog-arama.tsx | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/components/katalog-arama.tsx b/src/components/katalog-arama.tsx
index c0a7cda..98687de 100644
--- a/src/components/katalog-arama.tsx
+++ b/src/components/katalog-arama.tsx
@@ -13,6 +13,7 @@ import {
   sonucaGitIste,
   useTercihProfili,
 } from "@/components/manuel-liste/profil-kapisi-store";
+import { PUAN_TURU_ETIKET } from "@/lib/sihirbaz";
 import {
   ArrowRight,
   BookOpenText,
@@ -218,12 +219,18 @@ export function KatalogArama({ rehberler }: { rehberler: RehberOzet[] }) {
           <button
             type="button"
             onClick={profilDuzenlemeyiAc}
-            aria-label={`Sıralamanı ve tercihlerini değiştir (${profil.sira.toLocaleString("tr-TR")})`}
+            aria-label={`Sıralamanı ve tercihlerini değiştir (${profil.sira.toLocaleString("tr-TR")} · ${PUAN_TURU_ETIKET[profil.tur] ?? profil.tur})`}
             className="group/profil flex cursor-pointer items-center gap-2 rounded-full py-1.5 pl-4 pr-1.5 transition-colors duration-150 hover:bg-slate-100 focus-visible:bg-slate-100 focus-visible:outline-none"
           >
             <Trophy className="size-4 shrink-0 text-orange-500" aria-hidden />
-            <span className="font-semibold tabular-nums tracking-tight text-slate-900">
-              {profil.sira.toLocaleString("tr-TR")}
+            <span className="font-semibold tracking-tight text-slate-900">
+              <span className="tabular-nums">
+                {profil.sira.toLocaleString("tr-TR")}
+              </span>
+              <span className="font-medium text-slate-500">
+                {" "}
+                · {PUAN_TURU_ETIKET[profil.tur] ?? profil.tur}
+              </span>
             </span>
             <span
               aria-hidden
@@ -273,17 +280,23 @@ export function KatalogArama({ rehberler }: { rehberler: RehberOzet[] }) {
           <button
             type="button"
             onClick={profilDuzenlemeyiAc}
-            aria-label={`Sıralamanı ve tercihlerini değiştir (${profil.sira.toLocaleString("tr-TR")})`}
-            className="flex h-9 max-w-40 cursor-pointer items-center gap-1.5 rounded-full border border-slate-200 bg-white py-1 pl-2.5 pr-1.5 text-xs font-semibold text-slate-900 transition-[background-color,transform] duration-150 hover:bg-slate-100 active:scale-[0.96] sm:h-12 sm:max-w-none sm:gap-2 sm:pl-3.5 sm:pr-2 sm:text-sm"
+            aria-label={`Sıralamanı ve tercihlerini değiştir (${profil.sira.toLocaleString("tr-TR")} · ${PUAN_TURU_ETIKET[profil.tur] ?? profil.tur})`}
+            className="flex h-9 max-w-52 cursor-pointer items-center gap-1.5 rounded-full border border-slate-200 bg-white py-1 pl-2.5 pr-1.5 text-xs font-semibold text-slate-900 transition-[background-color,transform] duration-150 hover:bg-slate-100 active:scale-[0.96] sm:h-12 sm:max-w-none sm:gap-2 sm:pl-3.5 sm:pr-2 sm:text-sm"
           >
             <Trophy
               className="size-3.5 shrink-0 text-orange-500 sm:size-4"
               aria-hidden
             />
-            <span className="truncate tabular-nums tracking-tight">
-              {profil.sira.toLocaleString("tr-TR")}
+            <span className="truncate tracking-tight">
+              <span className="tabular-nums">
+                {profil.sira.toLocaleString("tr-TR")}
+              </span>
+              <span className="font-medium text-slate-500">
+                {" "}
+                · {PUAN_TURU_ETIKET[profil.tur] ?? profil.tur}
+              </span>
             </span>
-            <span className="inline-flex items-center gap-0.5 rounded-full bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-500 sm:text-xs">
+            <span className="inline-flex shrink-0 items-center gap-0.5 rounded-full bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-500 sm:text-xs">
               <SquarePen className="size-2.5 sm:size-3" aria-hidden />
               Değiştir
             </span>