bilal/kolaytercih
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance university-related components by adding logo support and improving search functionality. Introduced a new "logolar" script in package.json, updated KatalogArama to include rehber results, and integrated UniLogo component across various pages for better visual representation. Refactored UniversiteIcerik and TercihHaritasi to display logos conditionally, enhancing user experience. Additionally, made adjustments to styles and layout for improved responsiveness and clarity.
All checks were successful
Deploy / deploy (push) Successful in 16m24s
Details

Browse Source
This commit is contained in:
bilalgursen
2026-08-01 20:17:48 +03:00
parent ff66480227
commit f27f3ffaac
254 changed files with 1035 additions and 154 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
src/components/tercih-haritasi.tsx
View File

@@ -14,9 +14,11 @@ import {
useRef,
useState,
} from "react";
import Image from "next/image";
import { ArrowLeft, Lock } from "lucide-react";
import { cities } from "turkey-map-react/lib/data";
import { Button } from "@/components/ui/button";
import { uniLogoYoluFromAd } from "@/components/uni-logo";
import {
HARITA_GENISLIK,
HARITA_UST_KIRPMA,
@@ -296,7 +298,10 @@ export function TercihHaritasi({
{/* İl seviyesi: üniversite pinleri */}
{zoomda
? acikPinler.map((p) => {
const r = (p.kilitli ? 7 : 8) * sf;
// Kilitli pinlerde logo da gösterilmez — üniversite kimliği
// client'a inmediği gibi görselden de sızmamalı.
const logo = p.kilitli ? null : uniLogoYoluFromAd(p.universite);
const r = (p.kilitli ? 7 : logo ? 11 : 8) * sf;
const etiket = p.kilitli ? null : kisaUniAdi(p.universite);
return (
<g
@@ -314,27 +319,71 @@ export function TercihHaritasi({
: `${etiket}: ${p.tercihSiralari.length} tercih`
}
>
<circle
cx={p.x}
cy={p.y}
r={r}
fill={p.kilitli ? "oklch(0.704 0.04 256.8)" : RISK_RENK[p.risk]}
stroke="white"
strokeWidth={2 * sf}
strokeDasharray={p.kilitli ? `${3 * sf} ${2.5 * sf}` : undefined}
/>
<text
x={p.x}
y={p.y}
textAnchor="middle"
dominantBaseline="central"
fontSize={9 * sf}
fontWeight={700}
fill="white"
className="pointer-events-none select-none"
>
{p.kilitli ? "?" : p.tercihSiralari.length}
</text>
{logo ? (
<>
<circle
cx={p.x}
cy={p.y}
r={r}
fill="white"
stroke={RISK_RENK[p.risk]}
strokeWidth={2 * sf}
/>
<image
href={logo}
x={p.x - 8 * sf}
y={p.y - 8 * sf}
width={16 * sf}
height={16 * sf}
preserveAspectRatio="xMidYMid meet"
className="pointer-events-none"
/>
<circle
cx={p.x + r * 0.78}
cy={p.y - r * 0.78}
r={4.5 * sf}
fill={RISK_RENK[p.risk]}
stroke="white"
strokeWidth={1.2 * sf}
/>
<text
x={p.x + r * 0.78}
y={p.y - r * 0.78}
textAnchor="middle"
dominantBaseline="central"
fontSize={6 * sf}
fontWeight={700}
fill="white"
className="pointer-events-none select-none"
>
{p.tercihSiralari.length}
</text>
</>
) : (
<>
<circle
cx={p.x}
cy={p.y}
r={r}
fill={p.kilitli ? "oklch(0.704 0.04 256.8)" : RISK_RENK[p.risk]}
stroke="white"
strokeWidth={2 * sf}
strokeDasharray={p.kilitli ? `${3 * sf} ${2.5 * sf}` : undefined}
/>
<text
x={p.x}
y={p.y}
textAnchor="middle"
dominantBaseline="central"
fontSize={9 * sf}
fontWeight={700}
fill="white"
className="pointer-events-none select-none"
>
{p.kilitli ? "?" : p.tercihSiralari.length}
</text>
</>
)}
{etiket ? (
<text
x={p.x}
@@ -401,8 +450,20 @@ export function TercihHaritasi({
Kilitli tercih
</span>
) : (
<span className="max-w-40 truncate font-medium text-slate-700">
{kisaUniAdi(pin.universite)}
<span className="inline-flex min-w-0 items-center gap-1.5">
{uniLogoYoluFromAd(pin.universite) ? (
<Image
src={uniLogoYoluFromAd(pin.universite)!}
alt=""
width={16}
height={16}
aria-hidden
className="size-4 shrink-0 object-contain"
/>
) : null}
<span className="max-w-40 truncate font-medium text-slate-700">
{kisaUniAdi(pin.universite)}
</span>
</span>
)}
</button>