fix: ust serit tiklaninca donuyordu — Kanban havuzdaki tum ihaleleri (8 bin+ kart) ciziyordu; artik yalnizca takipteki/kolona tasinan ihaleler, sekme gecisi transition ile aninda vurgulaniyor

- KanbanBoard: sunucu her ilana varsayilan 'incelenecek' verdigi icin bos pano 8.372 kart basiyordu; yalnizca takipte veya kolona tasinmis ihaleler kaliyor
- TopNavigation: useTransition + spinner; agir sekmelerde tiklama karsiliksiz kalmiyor
- sunucu: 'yeni liste eskisinden kucukse alma' kurali havuzu 30 Agustos zirvesinde dondurmustu (gunlerce yeni ilan yok); eksiksiz inen liste her zaman devrede
- sunucu: isYeni/bugun eklenen UTC-TR gun farkindan hep 0'di; Europe/Istanbul gunune gore ve her yanitta tazeleniyor (eklenmeZamani da donmuyor)
- ust kartlar: 'bugun eklenenler' tum ilanlari sayiyordu ('once' metnine bakiyordu), 'son giristen beri' sabit 14'tu; sayimlar liste filtresiyle ayni olcut (ihaleTarih.js), arsiv/sonuclanan filtreleri 'sadece acik' kapisina takilmiyor

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
2026-09-02 13:02:40 +03:00
co-authored by Claude Fable 5.1
parent 3eb0f91823
commit 920a147126
9 changed files with 226 additions and 56 deletions
+28 -14
View File
@@ -1,49 +1,62 @@
import React from 'react';
import React, { useMemo } from 'react';
import { useApp } from '../context/AppContext';
import { Layers, CalendarPlus, Star, BellRing, EyeOff } from 'lucide-react';
import { acikIhale, hizliFiltreGecer } from '../services/ihaleTarih';
export const SummaryCards = () => {
const { tenders, quickFilter, setQuickFilter, setActiveTab } = useApp();
const { tenders, quickFilter, setQuickFilter, setActiveTab, oncekiGiris, favoriteKurumlar } = useApp();
const activeCount = tenders.filter(t => t.durum === 'Aktif').length;
const todayCount = tenders.filter(t => (t.eklenmeZamani || '').includes('önce') || (t.eklenmeZamani || '').includes('az')).length;
const trackedCount = tenders.filter(t => t.takipte).length;
const sinceLastLoginCount = 14; // Mocked counter
const unreadCount = tenders.filter(t => !t.incelendi).length;
// Sayımlar listedeki filtreyle AYNI ölçütü kullanır (ihaleTarih.js); karta
// tıklayınca gelen liste ile karttaki sayı birbirini tutar.
const sayim = useMemo(() => {
const bugun = new Date(); bugun.setHours(0, 0, 0, 0);
const secenek = { favoriteKurumlar: favoriteKurumlar || [], oncekiGirisMs: oncekiGiris };
const say = (id) => tenders.filter((t) => acikIhale(t, bugun) && hizliFiltreGecer(t, id, secenek)).length;
return {
all: say('all'),
bugun_eklenenler: say('bugun_eklenenler'),
takiptekiler: say('takiptekiler'),
son_giris: say('son_giris'),
incelenmedi: say('incelenmedi'),
};
}, [tenders, oncekiGiris, favoriteKurumlar]);
const cards = [
{
id: 'all',
label: 'AKTİF İHALELER',
count: activeCount,
count: sayim.all,
icon: Layers,
color: 'blue'
},
{
id: 'bugun_eklenenler',
label: 'BUGÜN EKLENENLER',
count: todayCount,
count: sayim.bugun_eklenenler,
icon: CalendarPlus,
color: 'emerald'
},
{
id: 'takiptekiler',
label: 'TAKİP ETTİKLERİM',
count: trackedCount,
count: sayim.takiptekiler,
icon: Star,
color: 'amber'
},
{
id: 'son_giris',
label: 'SON GİRİŞTEN BERİ',
count: sinceLastLoginCount,
count: sayim.son_giris,
icon: BellRing,
color: 'purple'
color: 'purple',
title: oncekiGiris
? `Önceki ziyaretinizden (${new Date(oncekiGiris).toLocaleString('tr-TR')}) sonra yayımlanan ilanlar`
: 'İlk ziyaretiniz — bugün yayımlanan ilanlar gösteriliyor'
},
{
id: 'incelenmedi',
label: 'İNCELENMEMİŞ',
count: unreadCount,
count: sayim.incelenmedi,
icon: EyeOff,
color: 'rose'
}
@@ -58,6 +71,7 @@ export const SummaryCards = () => {
return (
<div
key={card.id}
title={card.title}
onClick={() => {
setQuickFilter(card.id);
setActiveTab('list');
@@ -70,7 +84,7 @@ export const SummaryCards = () => {
>
<div>
<p className="text-[11px] font-bold tracking-wider text-slate-500 uppercase">{card.label}</p>
<p className="text-2xl font-black text-slate-900 mt-1">{card.count}</p>
<p className="text-2xl font-black text-slate-900 mt-1">{card.count.toLocaleString('tr-TR')}</p>
</div>
<div className={`w-11 h-11 rounded-xl flex items-center justify-center transition-transform group-hover:scale-105 ${
card.color === 'blue' ? 'bg-blue-100 text-blue-600' :