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:
Claude Fable 5.1
@@ -22,8 +22,12 @@ export const KanbanBoard = () => {
|
||||
...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 => {
|
||||
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;
|
||||
return true;
|
||||
});
|
||||
|
||||
@@ -1,6 +1,7 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { useApp } from '../context/AppContext';
|
||||
import { Database, PlusCircle, Eye, Layers, Trophy, TrendingDown } from 'lucide-react';
|
||||
import { bugunEklendi, acikIhale } from '../services/ihaleTarih';
|
||||
|
||||
export const LiveStatsBar = () => {
|
||||
const { liveStats, tenders } = useApp();
|
||||
@@ -8,6 +9,12 @@ export const LiveStatsBar = () => {
|
||||
const yukluIhale = tenders.length;
|
||||
const takibimdeki = tenders.filter((t) => t.takipte).length;
|
||||
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
|
||||
// bunu açıkça söyleriz — kullanıcı "veri mi kayboldu?" diye düşünmesin.
|
||||
@@ -25,7 +32,7 @@ export const LiveStatsBar = () => {
|
||||
const stats = [
|
||||
{ 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: 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: 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' },
|
||||
|
||||
@@ -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' :
|
||||
|
||||
@@ -3,19 +3,12 @@ import { useApp } from '../context/AppContext';
|
||||
import { TenderCard } from './TenderCard';
|
||||
import { Download, SlidersHorizontal, Layers, Loader2 } from 'lucide-react';
|
||||
import confetti from 'canvas-confetti';
|
||||
import { acikIhale, hizliFiltreGecer, GECMIS_FILTRELER } from '../services/ihaleTarih';
|
||||
|
||||
// İ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.
|
||||
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 = () => {
|
||||
const {
|
||||
tenders,
|
||||
@@ -28,7 +21,8 @@ export const TenderList = () => {
|
||||
quickFilter,
|
||||
onlyValidOnly,
|
||||
setOnlyValidOnly,
|
||||
favoriteKurumlar
|
||||
favoriteKurumlar,
|
||||
oncekiGiris
|
||||
} = useApp();
|
||||
|
||||
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"
|
||||
// derse (onlyValidOnly=false) hepsi gelir. Tarihi okunamayan kayıt gizlenmez.
|
||||
if (onlyValidOnly) {
|
||||
const gun = ihaleGunu(tender.tarih);
|
||||
if (gun && gun < bugun) return false;
|
||||
}
|
||||
// Arşiv / sonuçlananlar gibi geçmişi hedefleyen hızlı filtrelerde kapı kapalı.
|
||||
if (onlyValidOnly && !GECMIS_FILTRELER.has(quickFilter) && !acikIhale(tender, bugun)) return false;
|
||||
|
||||
// Quick Filter
|
||||
if (quickFilter === 'favori_kurumlar' && !(favoriteKurumlar || []).includes((tender.kurum || '').trim())) 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;
|
||||
// Hızlı filtre (üst kartlar + sol menü) — ölçütler ihaleTarih.js'de tek yerde
|
||||
if (!hizliFiltreGecer(tender, quickFilter, { favoriteKurumlar: favoriteKurumlar || [], oncekiGirisMs: oncekiGiris })) return false;
|
||||
|
||||
// Dropdown Filters
|
||||
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);
|
||||
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 dahaVar = gosterilen < filteredTenders.length;
|
||||
|
||||
@@ -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 { 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 = () => {
|
||||
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 = [
|
||||
{ id: 'list', label: 'Ana İhale Listesi', icon: LayoutGrid },
|
||||
{ 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">
|
||||
{navItems.map(item => {
|
||||
const Icon = item.icon;
|
||||
const isActive = activeTab === item.id;
|
||||
const isActive = bekleyen ? bekleyen === item.id : activeTab === item.id;
|
||||
const yukleniyor = bekleyen === item.id;
|
||||
return (
|
||||
<button
|
||||
key={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 ${
|
||||
isActive
|
||||
? 'bg-blue-50 text-blue-700 border border-blue-200 shadow-2xs'
|
||||
: '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>
|
||||
{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">
|
||||
|
||||
Reference in New Issue
Block a user