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
+6
View File
@@ -6,6 +6,12 @@
"runtimeExecutable": "npm", "runtimeExecutable": "npm",
"runtimeArgs": ["run", "dev", "--", "--port", "3005", "--strictPort"], "runtimeArgs": ["run", "dev", "--", "--port", "3005", "--strictPort"],
"port": 3005 "port": 3005
},
{
"name": "ihaleist-api",
"runtimeExecutable": "node",
"runtimeArgs": ["server/index.js"],
"port": 3001
} }
] ]
} }
+52 -11
View File
@@ -109,6 +109,33 @@ function relativeTimeTr(iso) {
return `${Math.floor(hours / 24)} gün önce eklendi`; return `${Math.floor(hours / 24)} gün önce eklendi`;
} }
// Türkiye günü ("yyyy-aa-gg"). Sunucu konteyneri UTC'de çalışıyor; ilan.gov.tr
// yayın saati TR gece yarısı = "…T21:00:00Z" olduğundan UTC'ye göre gün DÜN
// çıkıyor ve "bugün eklenen" hep 0 görünüyordu.
const TR_GUN = new Intl.DateTimeFormat('en-CA', {
timeZone: 'Europe/Istanbul', year: 'numeric', month: '2-digit', day: '2-digit',
});
function trGun(iso) {
if (!iso) return '';
const d = new Date(iso);
return Number.isNaN(d.getTime()) ? String(iso).slice(0, 10) : TR_GUN.format(d);
}
const bugunTR = () => TR_GUN.format(new Date());
// isYeni / eklenmeZamani ilan havuza girerken hesaplanıp donuyordu; havuz
// günlerce yaşayınca "22 saat önce" damgası ve "bugün" bayrağı bayatlıyordu.
// Her yanıtta tazelenir (3 bin kayıt için birkaç ms).
function ilanTazele(t) {
if (!t.isLiveFeed || t.kaynak !== 'ilan.gov.tr') return t;
t.isYeni = Boolean(t.ilanTarihi) && t.ilanTarihi === bugunTR();
if (t.yayinZamani) t.eklenmeZamani = relativeTimeTr(t.yayinZamani);
return t;
}
const bugunEklenenSayisi = (liste) => {
const bugun = bugunTR();
return (liste || []).filter((t) => t.kaynak === 'ilan.gov.tr' && t.ilanTarihi === bugun).length;
};
function daysUntil(ddmmyyyy) { function daysUntil(ddmmyyyy) {
if (!ddmmyyyy) return null; if (!ddmmyyyy) return null;
const [d, m, y] = ddmmyyyy.split('.').map(Number); const [d, m, y] = ddmmyyyy.split('.').map(Number);
@@ -130,8 +157,7 @@ function mapAd(ad) {
let aciliyetBadge = null; let aciliyetBadge = null;
if (kalanGun !== null && kalanGun >= 0 && kalanGun <= 3) aciliyetBadge = '⚠️ SON 3 GÜN'; if (kalanGun !== null && kalanGun >= 0 && kalanGun <= 3) aciliyetBadge = '⚠️ SON 3 GÜN';
const publishedToday = const ilanTarihi = trGun(ad.publishStartDate);
ad.publishStartDate && new Date(ad.publishStartDate).toDateString() === new Date().toDateString();
return { return {
id: `ilan-${ad.id}`, id: `ilan-${ad.id}`,
@@ -151,8 +177,9 @@ function mapAd(ad) {
brans: ihaleTuru || 'Genel', brans: ihaleTuru || 'Genel',
kurumTipi: classify(INSTITUTION_RULES, ad.advertiserName || '', 'Diğer Kamu Kurumları'), kurumTipi: classify(INSTITUTION_RULES, ad.advertiserName || '', 'Diğer Kamu Kurumları'),
eklenmeZamani: relativeTimeTr(ad.publishStartDate), eklenmeZamani: relativeTimeTr(ad.publishStartDate),
ilanTarihi: ad.publishStartDate ? String(ad.publishStartDate).slice(0, 10) : '', yayinZamani: ad.publishStartDate || null,
isYeni: Boolean(publishedToday), ilanTarihi,
isYeni: Boolean(ilanTarihi) && ilanTarihi === bugunTR(),
isLiveFeed: true, isLiveFeed: true,
aciliyetBadge, aciliyetBadge,
items: [], items: [],
@@ -259,7 +286,7 @@ async function ilanSayfalari(baslangic, adet) {
istekler.push( istekler.push(
ilanSearch({ ats: [3] }, page * LIST_SIZE, LIST_SIZE).catch((e) => { ilanSearch({ ats: [3] }, page * LIST_SIZE, LIST_SIZE).catch((e) => {
console.warn(`[ihaleist-api] sayfa ${page} alınamadı: ${e.message}`); console.warn(`[ihaleist-api] sayfa ${page} alınamadı: ${e.message}`);
return { ads: [] }; return { ads: [], hata: true };
}) })
); );
} }
@@ -366,20 +393,31 @@ async function arkaPlandaTamamla(numFound, ilkListe) {
const yeni = [...ilkListe]; const yeni = [...ilkListe];
const gerekliSayfa = Math.min(MAX_PAGES, Math.ceil(numFound / LIST_SIZE)); const gerekliSayfa = Math.min(MAX_PAGES, Math.ceil(numFound / LIST_SIZE));
let page = ILK_PARTI; let page = ILK_PARTI;
let eksiksiz = true; // her sayfa hatasız indi mi?
while (page < gerekliSayfa) { while (page < gerekliSayfa) {
const grup = Math.min(ES_ZAMANLI, gerekliSayfa - page); const grup = Math.min(ES_ZAMANLI, gerekliSayfa - page);
const sonuclar = await ilanSayfalari(page, grup); const sonuclar = await ilanSayfalari(page, grup);
if (sonuclar.some((r) => r.hata)) eksiksiz = false;
const ads = sonuclar.flatMap((r) => r.ads || []); const ads = sonuclar.flatMap((r) => r.ads || []);
if (!ads.length) break; if (!ads.length) { eksiksiz = false; break; }
const eklenen = ilanlariBirlestir(yeni, ads); const eklenen = ilanlariBirlestir(yeni, ads);
if (eklenen.length) yeni.push(...eklenen); if (eklenen.length) yeni.push(...eklenen);
page += grup; page += grup;
await new Promise((r) => setTimeout(r, 120)); // kaynağı yormamak için await new Promise((r) => setTimeout(r, 120)); // kaynağı yormamak için
} }
// Yalnızca daha zengin bir liste elde ettiysek devreye al // EKSİKSİZ inen liste her zaman devreye girer — kaynaktaki ihale sayısı
if (yeni.length >= cache.tenders.length) { // düşse bile. Eskiden "yeni liste eskisinden küçükse alma" kuralı vardı;
// kaynak 3.372'lik zirveden 3.100'e inince havuz o zirve anında DONDU:
// günlerce yeni ilan eklenmedi, "bugün eklenen" 0 kaldı. Yarım inen liste
// ise yalnızca eldekinden zenginse alınır (kullanıcı eksik listeye düşmesin).
if (eksiksiz || yeni.length >= cache.tenders.length) {
if (yeni.length < cache.tenders.length) {
console.log(`[ihaleist-api] havuz küçüldü: ${cache.tenders.length} → ${yeni.length} (kaynak ${numFound}); güncel liste devrede`);
}
cache.tenders = yeni; cache.tenders = yeni;
cache.todayCount = yeni.filter((t) => t.isYeni).length; cache.todayCount = bugunEklenenSayisi(yeni);
} else {
console.warn(`[ihaleist-api] yenileme eksik indi (${yeni.length}/${numFound}); eldeki ${cache.tenders.length} ilan korunuyor`);
} }
console.log(`[ihaleist-api] havuz hazır: ${cache.tenders.length}/${numFound} ilan`); console.log(`[ihaleist-api] havuz hazır: ${cache.tenders.length}/${numFound} ilan`);
havuzKaydet(numFound, cache.tenders.length); havuzKaydet(numFound, cache.tenders.length);
@@ -513,7 +551,7 @@ async function getTenders(force = false) {
// Yenileme: eldeki dolu listeyi KORU, yenisi arka planda hazırlansın. // Yenileme: eldeki dolu listeyi KORU, yenisi arka planda hazırlansın.
if (!cache.tenders || cache.tenders.length === 0) { if (!cache.tenders || cache.tenders.length === 0) {
cache.tenders = ilkListe; cache.tenders = ilkListe;
cache.todayCount = ilkListe.filter((t) => t.isYeni).length; cache.todayCount = bugunEklenenSayisi(ilkListe);
console.log(`[ihaleist-api] ilk yükleme: ${ilkListe.length} ilan (havuz ${cache.totalCount}) — kalanı arka planda`); console.log(`[ihaleist-api] ilk yükleme: ${ilkListe.length} ilan (havuz ${cache.totalCount}) — kalanı arka planda`);
} else { } else {
console.log(`[ihaleist-api] yenileme başladı (mevcut ${cache.tenders.length} ilan sunulmaya devam ediyor)`); console.log(`[ihaleist-api] yenileme başladı (mevcut ${cache.tenders.length} ilan sunulmaya devam ediyor)`);
@@ -589,6 +627,9 @@ async function tendersPayload(force = false) {
if (dt.available) sources.push('EKAP Doğrudan Temin (22/d) worker'); if (dt.available) sources.push('EKAP Doğrudan Temin (22/d) worker');
if (hist.available && hist.totalCount) sources.push('EKAP Sonuç İlanları (geçmiş sonuçlar)'); if (hist.available && hist.totalCount) sources.push('EKAP Sonuç İlanları (geçmiş sonuçlar)');
for (const t of c.tenders) ilanTazele(t); // isYeni + "x saat önce" gün değişse de doğru
c.todayCount = bugunEklenenSayisi(c.tenders);
return { return {
success: true, success: true,
source: sources.join(' + '), source: sources.join(' + '),
@@ -1107,7 +1148,7 @@ const server = http.createServer(async (req, res) => {
return json(res, 200, { return json(res, 200, {
success: true, success: true,
toplamIlan: c.totalCount, toplamIlan: c.totalCount,
bugunEklenen: c.todayCount, bugunEklenen: bugunEklenenSayisi(c.tenders),
yuklenenIlan: c.tenders.length, yuklenenIlan: c.tenders.length,
kaynak: 'ilan.gov.tr', kaynak: 'ilan.gov.tr',
}); });
+5 -1
View File
@@ -22,8 +22,12 @@ export const KanbanBoard = () => {
...tenders.map((t) => t.atananPersonel).filter(Boolean), ...tenders.map((t) => t.atananPersonel).filter(Boolean),
])]; ])];
// Panoda yalnızca takibe alınan ya da bir kolona taşınmış ihaleler durur.
// Sunucu HER ilana varsayılan 'incelenecek' durumu veriyor; onu "panoda"
// saymak 8 bin+ kartı tek seferde çizdirip sekmeyi saniyelerce donduruyordu.
const filteredTenders = tenders.filter(t => { const filteredTenders = tenders.filter(t => {
if (!t.takipte && !t.kanbanStatus) return false; const panoda = t.takipte || (t.kanbanStatus && t.kanbanStatus !== 'incelenecek');
if (!panoda) return false;
if (selectedPersonel && t.atananPersonel !== selectedPersonel) return false; if (selectedPersonel && t.atananPersonel !== selectedPersonel) return false;
return true; return true;
}); });
+8 -1
View File
@@ -1,6 +1,7 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { useApp } from '../context/AppContext'; import { useApp } from '../context/AppContext';
import { Database, PlusCircle, Eye, Layers, Trophy, TrendingDown } from 'lucide-react'; import { Database, PlusCircle, Eye, Layers, Trophy, TrendingDown } from 'lucide-react';
import { bugunEklendi, acikIhale } from '../services/ihaleTarih';
export const LiveStatsBar = () => { export const LiveStatsBar = () => {
const { liveStats, tenders } = useApp(); const { liveStats, tenders } = useApp();
@@ -8,6 +9,12 @@ export const LiveStatsBar = () => {
const yukluIhale = tenders.length; const yukluIhale = tenders.length;
const takibimdeki = tenders.filter((t) => t.takipte).length; const takibimdeki = tenders.filter((t) => t.takipte).length;
const kalemSayisi = tenders.reduce((s, t) => s + (t.items?.length || 0), 0); const kalemSayisi = tenders.reduce((s, t) => s + (t.items?.length || 0), 0);
// Üst kartla (BUGÜN EKLENENLER) AYNI ölçüt: bugün yayımlanan ve süresi
// geçmemiş ilanlar (ilan.gov.tr + DT). İki bant farklı sayı göstermesin.
const bugun = new Date(); bugun.setHours(0, 0, 0, 0);
const bugunEklenen = tenders.length
? tenders.filter((t) => acikIhale(t, bugun) && bugunEklendi(t)).length
: liveStats.bugunEklenen;
// Havuz sağlığı: kaynak (ilan.gov.tr) sayısı 7 GÜNLÜK ORTALAMANIN çok altındaysa // Havuz sağlığı: kaynak (ilan.gov.tr) sayısı 7 GÜNLÜK ORTALAMANIN çok altındaysa
// bunu açıkça söyleriz — kullanıcı "veri mi kayboldu?" diye düşünmesin. // bunu açıkça söyleriz — kullanıcı "veri mi kayboldu?" diye düşünmesin.
@@ -25,7 +32,7 @@ export const LiveStatsBar = () => {
const stats = [ const stats = [
{ deger: liveStats.toplamIhale, etiket: 'Canlı İhale Havuzu', renk: 'text-white', dot: true }, { deger: liveStats.toplamIhale, etiket: 'Canlı İhale Havuzu', renk: 'text-white', dot: true },
{ deger: yukluIhale, etiket: 'Yüklü İhale', renk: 'text-white', icon: Database, iconRenk: 'text-blue-400' }, { deger: yukluIhale, etiket: 'Yüklü İhale', renk: 'text-white', icon: Database, iconRenk: 'text-blue-400' },
{ deger: liveStats.bugunEklenen, etiket: 'Bugün Eklenen', renk: 'text-emerald-400', icon: PlusCircle, iconRenk: 'text-emerald-400' }, { deger: bugunEklenen, etiket: 'Bugün Eklenen', renk: 'text-emerald-400', icon: PlusCircle, iconRenk: 'text-emerald-400' },
{ deger: kalemSayisi, etiket: 'Kalem', renk: 'text-white', icon: Layers, iconRenk: 'text-indigo-400' }, { deger: kalemSayisi, etiket: 'Kalem', renk: 'text-white', icon: Layers, iconRenk: 'text-indigo-400' },
{ deger: liveStats.arsiv, etiket: 'Sonuç Arşivi', renk: 'text-white', icon: Trophy, iconRenk: 'text-emerald-400' }, { deger: liveStats.arsiv, etiket: 'Sonuç Arşivi', renk: 'text-white', icon: Trophy, iconRenk: 'text-emerald-400' },
{ deger: takibimdeki, etiket: 'Takibimdeki', renk: 'text-white', icon: Eye, iconRenk: 'text-amber-400' }, { deger: takibimdeki, etiket: 'Takibimdeki', renk: 'text-white', icon: Eye, iconRenk: 'text-amber-400' },
+28 -14
View File
@@ -1,49 +1,62 @@
import React from 'react'; import React, { useMemo } from 'react';
import { useApp } from '../context/AppContext'; import { useApp } from '../context/AppContext';
import { Layers, CalendarPlus, Star, BellRing, EyeOff } from 'lucide-react'; import { Layers, CalendarPlus, Star, BellRing, EyeOff } from 'lucide-react';
import { acikIhale, hizliFiltreGecer } from '../services/ihaleTarih';
export const SummaryCards = () => { 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; // Sayımlar listedeki filtreyle AYNI ölçütü kullanır (ihaleTarih.js); karta
const todayCount = tenders.filter(t => (t.eklenmeZamani || '').includes('önce') || (t.eklenmeZamani || '').includes('az')).length; // tıklayınca gelen liste ile karttaki sayı birbirini tutar.
const trackedCount = tenders.filter(t => t.takipte).length; const sayim = useMemo(() => {
const sinceLastLoginCount = 14; // Mocked counter const bugun = new Date(); bugun.setHours(0, 0, 0, 0);
const unreadCount = tenders.filter(t => !t.incelendi).length; 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 = [ const cards = [
{ {
id: 'all', id: 'all',
label: 'AKTİF İHALELER', label: 'AKTİF İHALELER',
count: activeCount, count: sayim.all,
icon: Layers, icon: Layers,
color: 'blue' color: 'blue'
}, },
{ {
id: 'bugun_eklenenler', id: 'bugun_eklenenler',
label: 'BUGÜN EKLENENLER', label: 'BUGÜN EKLENENLER',
count: todayCount, count: sayim.bugun_eklenenler,
icon: CalendarPlus, icon: CalendarPlus,
color: 'emerald' color: 'emerald'
}, },
{ {
id: 'takiptekiler', id: 'takiptekiler',
label: 'TAKİP ETTİKLERİM', label: 'TAKİP ETTİKLERİM',
count: trackedCount, count: sayim.takiptekiler,
icon: Star, icon: Star,
color: 'amber' color: 'amber'
}, },
{ {
id: 'son_giris', id: 'son_giris',
label: 'SON GİRİŞTEN BERİ', label: 'SON GİRİŞTEN BERİ',
count: sinceLastLoginCount, count: sayim.son_giris,
icon: BellRing, 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', id: 'incelenmedi',
label: 'İNCELENMEMİŞ', label: 'İNCELENMEMİŞ',
count: unreadCount, count: sayim.incelenmedi,
icon: EyeOff, icon: EyeOff,
color: 'rose' color: 'rose'
} }
@@ -58,6 +71,7 @@ export const SummaryCards = () => {
return ( return (
<div <div
key={card.id} key={card.id}
title={card.title}
onClick={() => { onClick={() => {
setQuickFilter(card.id); setQuickFilter(card.id);
setActiveTab('list'); setActiveTab('list');
@@ -70,7 +84,7 @@ export const SummaryCards = () => {
> >
<div> <div>
<p className="text-[11px] font-bold tracking-wider text-slate-500 uppercase">{card.label}</p> <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>
<div className={`w-11 h-11 rounded-xl flex items-center justify-center transition-transform group-hover:scale-105 ${ <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' : card.color === 'blue' ? 'bg-blue-100 text-blue-600' :
+8 -24
View File
@@ -3,19 +3,12 @@ import { useApp } from '../context/AppContext';
import { TenderCard } from './TenderCard'; import { TenderCard } from './TenderCard';
import { Download, SlidersHorizontal, Layers, Loader2 } from 'lucide-react'; import { Download, SlidersHorizontal, Layers, Loader2 } from 'lucide-react';
import confetti from 'canvas-confetti'; import confetti from 'canvas-confetti';
import { acikIhale, hizliFiltreGecer, GECMIS_FILTRELER } from '../services/ihaleTarih';
// İl adları kaynaklar arasında farklı yazılabiliyor (Ankara / ANKARA); // İl adları kaynaklar arasında farklı yazılabiliyor (Ankara / ANKARA);
// filtre büyük-küçük harf ve Türkçe karakter duyarlılığına takılmasın. // filtre büyük-küçük harf ve Türkçe karakter duyarlılığına takılmasın.
const normTr = (v) => String(v || '').trim().toLocaleUpperCase('tr-TR'); const normTr = (v) => String(v || '').trim().toLocaleUpperCase('tr-TR');
// "gg.aa.yyyy" → Date. Ayrıştırılamayanı GEÇMİŞ SAYMAYIZ: tarihi belirsiz bir
// ihaleyi sessizce gizlemek, geçmiş bir ihaleyi göstermekten daha kötüdür.
const ihaleGunu = (v) => {
const m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(String(v || '').trim());
if (!m) return null;
return new Date(Number(m[3]), Number(m[2]) - 1, Number(m[1]));
};
export const TenderList = () => { export const TenderList = () => {
const { const {
tenders, tenders,
@@ -28,7 +21,8 @@ export const TenderList = () => {
quickFilter, quickFilter,
onlyValidOnly, onlyValidOnly,
setOnlyValidOnly, setOnlyValidOnly,
favoriteKurumlar favoriteKurumlar,
oncekiGiris
} = useApp(); } = useApp();
const [sortBy, setSortBy] = useState('newest'); // 'newest', 'urgent', 'distant' const [sortBy, setSortBy] = useState('newest'); // 'newest', 'urgent', 'distant'
@@ -57,21 +51,11 @@ export const TenderList = () => {
// Geçmiş ihaleler: varsayılan olarak GİZLİ. Kullanıcı "geçmişi de göster" // Geçmiş ihaleler: varsayılan olarak GİZLİ. Kullanıcı "geçmişi de göster"
// derse (onlyValidOnly=false) hepsi gelir. Tarihi okunamayan kayıt gizlenmez. // derse (onlyValidOnly=false) hepsi gelir. Tarihi okunamayan kayıt gizlenmez.
if (onlyValidOnly) { // Arşiv / sonuçlananlar gibi geçmişi hedefleyen hızlı filtrelerde kapı kapalı.
const gun = ihaleGunu(tender.tarih); if (onlyValidOnly && !GECMIS_FILTRELER.has(quickFilter) && !acikIhale(tender, bugun)) return false;
if (gun && gun < bugun) return false;
}
// Quick Filter // Hızlı filtre (üst kartlar + sol menü) — ölçütler ihaleTarih.js'de tek yerde
if (quickFilter === 'favori_kurumlar' && !(favoriteKurumlar || []).includes((tender.kurum || '').trim())) return false; if (!hizliFiltreGecer(tender, quickFilter, { favoriteKurumlar: favoriteKurumlar || [], oncekiGirisMs: oncekiGiris })) return false;
if (quickFilter === 'dogrudan_temin' && tender.alimTuru !== 'Doğrudan Temin') return false;
if (quickFilter === 'bugun_eklenenler' && !((tender.eklenmeZamani || '').includes('önce') || (tender.eklenmeZamani || '').includes('az'))) return false;
if (quickFilter === 'incelenenler' && !tender.incelendi) return false;
if (quickFilter === 'incelenmedi' && tender.incelendi) return false;
if (quickFilter === 'takiptekiler' && !tender.takipte) return false;
if (quickFilter === 'sozlesmeler' && tender.durum !== 'Sözleşme İmzalandı') return false;
if (quickFilter === 'sonuclananlar' && tender.durum !== 'Sonuçlandı') return false;
if (quickFilter === 'iptal' && tender.durum !== 'İptal') return false;
// Dropdown Filters // Dropdown Filters
if (selectedCity && normTr(tender.sehir) !== normTr(selectedCity)) return false; if (selectedCity && normTr(tender.sehir) !== normTr(selectedCity)) return false;
@@ -87,7 +71,7 @@ export const TenderList = () => {
if (sortBy === 'distant') return b.tarih.localeCompare(a.tarih); if (sortBy === 'distant') return b.tarih.localeCompare(a.tarih);
return 0; return 0;
}); });
}, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun]); }, [tenders, searchQuery, selectedCity, selectedAlimTuru, selectedSektorler, selectedCpvler, selectedKurumTipi, quickFilter, sortBy, onlyValidOnly, bugun, favoriteKurumlar, oncekiGiris]);
const gorunenTenders = filteredTenders.slice(0, gosterilen); const gorunenTenders = filteredTenders.slice(0, gosterilen);
const dahaVar = gosterilen < filteredTenders.length; const dahaVar = gosterilen < filteredTenders.length;
+22 -5
View File
@@ -1,10 +1,23 @@
import React, { useRef, useState, useEffect, useCallback } from 'react'; import React, { useRef, useState, useEffect, useCallback, useTransition } from 'react';
import { useApp } from '../context/AppContext'; import { useApp } from '../context/AppContext';
import { Newspaper, Trophy, CalendarDays, FileCheck2, Calculator, TrendingUp, LayoutGrid, Kanban, Radar, FolderKanban, BarChart3, Webhook, Smartphone, Cpu, ShieldAlert, Globe2, Gavel, CreditCard, ChevronLeft, ChevronRight } from 'lucide-react'; import { Newspaper, Trophy, CalendarDays, FileCheck2, Calculator, TrendingUp, LayoutGrid, Kanban, Radar, FolderKanban, BarChart3, Webhook, Smartphone, Cpu, ShieldAlert, Globe2, Gavel, CreditCard, ChevronLeft, ChevronRight, Loader2 } from 'lucide-react';
export const TopNavigation = () => { export const TopNavigation = () => {
const { activeTab, setActiveTab, isAdmin } = useApp(); const { activeTab, setActiveTab, isAdmin } = useApp();
// Ağır sekmeler (10 bin+ kayıtlı havuzda Kanban, analiz vb.) tıklamadan
// sonra saniyelerce hiçbir tepki vermiyordu — kullanıcı "tıklanmıyor" sanıyordu.
// Sekme değişimi geçiş (transition) olarak yapılır: tıklanan sekme ANINDA
// vurgulanır ve dönen simge gösterilir, ağır görünüm arka planda hazırlanır.
const [isPending, startTransition] = useTransition();
const [hedefTab, setHedefTab] = useState(null);
const sekmeSec = (id) => {
if (id === activeTab) return;
setHedefTab(id);
startTransition(() => setActiveTab(id));
};
const bekleyen = isPending ? hedefTab : null;
const navItems = [ const navItems = [
{ id: 'list', label: 'Ana İhale Listesi', icon: LayoutGrid }, { id: 'list', label: 'Ana İhale Listesi', icon: LayoutGrid },
{ id: 'bulten', label: 'Günlük Bülten', icon: Newspaper }, { id: 'bulten', label: 'Günlük Bülten', icon: Newspaper },
@@ -90,19 +103,23 @@ export const TopNavigation = () => {
<div ref={seritRef} className="flex items-center gap-1 overflow-x-auto py-1 scrollbar-none scroll-smooth"> <div ref={seritRef} className="flex items-center gap-1 overflow-x-auto py-1 scrollbar-none scroll-smooth">
{navItems.map(item => { {navItems.map(item => {
const Icon = item.icon; const Icon = item.icon;
const isActive = activeTab === item.id; const isActive = bekleyen ? bekleyen === item.id : activeTab === item.id;
const yukleniyor = bekleyen === item.id;
return ( return (
<button <button
key={item.id} key={item.id}
data-tab={item.id} data-tab={item.id}
onClick={() => setActiveTab(item.id)} aria-busy={yukleniyor || undefined}
onClick={() => sekmeSec(item.id)}
className={`flex items-center gap-2 px-3.5 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all select-none ${ className={`flex items-center gap-2 px-3.5 py-2 rounded-lg text-xs font-semibold whitespace-nowrap transition-all select-none ${
isActive isActive
? 'bg-blue-50 text-blue-700 border border-blue-200 shadow-2xs' ? 'bg-blue-50 text-blue-700 border border-blue-200 shadow-2xs'
: 'text-slate-600 hover:text-slate-900 hover:bg-slate-50' : 'text-slate-600 hover:text-slate-900 hover:bg-slate-50'
}`} }`}
> >
<Icon className={`w-4 h-4 ${isActive ? 'text-blue-600' : 'text-slate-400'}`} /> {yukleniyor
? <Loader2 className="w-4 h-4 text-blue-600 animate-spin" />
: <Icon className={`w-4 h-4 ${isActive ? 'text-blue-600' : 'text-slate-400'}`} />}
<span>{item.label}</span> <span>{item.label}</span>
{item.badge && ( {item.badge && (
<span className="bg-amber-100 text-amber-800 font-bold text-[10px] px-1.5 py-0.5 rounded-full border border-amber-200"> <span className="bg-amber-100 text-amber-800 font-bold text-[10px] px-1.5 py-0.5 rounded-full border border-amber-200">
+21
View File
@@ -105,6 +105,26 @@ export const AppProvider = ({ children }) => {
.finally(() => setAuthReady(true)); .finally(() => setAuthReady(true));
}, []); }, []);
// "Son girişten beri" kartı için önceki ziyaretin zamanı. Ziyaret = tarayıcı
// sekmesi oturumu (sessionStorage): sayfa yenilemek sayacı sıfırlamaz, yeni
// sekme/gün açmak önceki damgayı "önceki giriş" yapar. Eskiden sabit 14'tü.
const [oncekiGiris, setOncekiGiris] = useState(null);
useEffect(() => {
if (!authUser) return;
try {
const anahtar = 'ihaleist_son_giris';
const onceki = Number(localStorage.getItem(anahtar)) || null;
const oturum = sessionStorage.getItem('ihaleist_oturum_giris');
if (oturum !== null) { // aynı sekmede yenileme: damga sabit kalır
setOncekiGiris(Number(oturum) || null);
return;
}
setOncekiGiris(onceki);
sessionStorage.setItem('ihaleist_oturum_giris', String(onceki || 0));
localStorage.setItem(anahtar, String(Date.now()));
} catch { /* depolama kapalıysa kart bugünü gösterir */ }
}, [authUser?.email]);
// Giriş yapınca kullanıcı verisini SUNUCUDAN yükle (localStorage'ı ezer) // Giriş yapınca kullanıcı verisini SUNUCUDAN yükle (localStorage'ı ezer)
useEffect(() => { useEffect(() => {
if (!authUser) { setVeriSenkron(false); setPlan(null); return; } if (!authUser) { setVeriSenkron(false); setPlan(null); return; }
@@ -530,6 +550,7 @@ export const AppProvider = ({ children }) => {
toggleCpv, toggleCpv,
cpvBolumListesi, cpvBolumListesi,
onlyValidOnly, onlyValidOnly,
oncekiGiris,
setOnlyValidOnly, setOnlyValidOnly,
quickFilter, quickFilter,
setQuickFilter, setQuickFilter,
+76
View File
@@ -0,0 +1,76 @@
/**
* İhale tarih yardımcıları — üst kartlar (SummaryCards) ile liste filtresi
* (TenderList) aynı ölçütü kullansın diye tek yerde.
*
* Kaynaklar tarihi farklı yazıyor:
* ilan.gov.tr → ilanTarihi "2026-09-02"
* DT (EKAP) → ilanTarihi "2026-09-02T00:00:00"
* arşiv → ilanTarihi "02.09.2026"
*/
// "gg.aa.yyyy" → Date. Ayrıştırılamayanı GEÇMİŞ SAYMAYIZ: tarihi belirsiz bir
// ihaleyi sessizce gizlemek, geçmiş bir ihaleyi göstermekten daha kötüdür.
export const ihaleGunu = (v) => {
const m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(String(v || '').trim());
if (!m) return null;
return new Date(Number(m[3]), Number(m[2]) - 1, Number(m[1]));
};
// Her biçimi "yyyy-aa-gg" dizesine indirger (karşılaştırma için).
export const ilanTarihiISO = (t) => {
const v = String(t?.ilanTarihi || '').trim();
let m = /^(\d{4})-(\d{2})-(\d{2})/.exec(v);
if (m) return `${m[1]}-${m[2]}-${m[3]}`;
m = /^(\d{2})\.(\d{2})\.(\d{4})/.exec(v);
if (m) return `${m[3]}-${m[2]}-${m[1]}`;
return '';
};
const iso = (d) => {
const y = d.getFullYear();
const a = String(d.getMonth() + 1).padStart(2, '0');
const g = String(d.getDate()).padStart(2, '0');
return `${y}-${a}-${g}`;
};
export const bugunISO = () => iso(new Date());
// Bugün yayımlanan ilan. Sunucunun isYeni bayrağı esas; o yoksa ilan tarihine bakılır.
export const bugunEklendi = (t) => Boolean(t?.isYeni) || (ilanTarihiISO(t) !== '' && ilanTarihiISO(t) === bugunISO());
// Önceki ziyaretten (ms) sonra yayımlanan ilan. Kayıt yoksa "bugün" kabul edilir.
export const girisSonrasiEklendi = (t, oncekiGirisMs) => {
const tarih = ilanTarihiISO(t);
if (!tarih) return false;
const esik = oncekiGirisMs ? iso(new Date(oncekiGirisMs)) : bugunISO();
return tarih >= esik;
};
// Süresi geçmemiş (veya tarihi okunamayan) ihale — listenin varsayılan görünümü.
export const acikIhale = (t, bugun) => {
const gun = ihaleGunu(t?.tarih);
return !(gun && gun < bugun);
};
// Bu hızlı filtreler doğası gereği GEÇMİŞ ihaleleri hedefler; "sadece açık
// ihaleler" kapısı bunlara uygulanmaz, yoksa hiç sonuç çıkmaz.
export const GECMIS_FILTRELER = new Set(['arsiv', 'sonuclananlar', 'sozlesmeler', 'iptal']);
// Hızlı filtre (üst kartlar + sol menü) ölçütü. Bilinmeyen id → her şey geçer.
export const hizliFiltreGecer = (t, id, { favoriteKurumlar = [], oncekiGirisMs = null } = {}) => {
switch (id) {
case 'favori_kurumlar': return favoriteKurumlar.includes((t.kurum || '').trim());
case 'dogrudan_temin': return t.alimTuru === 'Doğrudan Temin';
case 'ihaleler': return t.alimTuru !== 'Doğrudan Temin' && t.durum !== 'Sonuçlandı';
case 'bugun_eklenenler': return bugunEklendi(t);
case 'son_giris': return girisSonrasiEklendi(t, oncekiGirisMs);
case 'incelenenler': return Boolean(t.incelendi);
case 'incelenmedi': return !t.incelendi;
case 'takiptekiler': return Boolean(t.takipte);
case 'sozlesmeler': return t.durum === 'Sözleşme İmzalandı';
case 'sonuclananlar': return t.durum === 'Sonuçlandı';
case 'arsiv': return t.durum === 'Sonuçlandı';
case 'iptal': return t.durum === 'İptal';
default: return true;
}
};