hikmettan/ihaleist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: unify tender countdowns and add monthly calendar navigation

Browse Source
This commit is contained in:
hikmettan
2026-09-06 08:47:44 +03:00
parent a291b186df
commit b94ab97241
8 changed files with 123 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/YaklasanSonTarihler.jsx
+11 -11
View File
@@ -1,25 +1,25 @@
import { useDeadlineClock } from '../hooks/useDeadlineClock';
import React, { useMemo } from 'react';
import { CalendarClock } from 'lucide-react';
import { useApp } from '../context/AppContext';
import { parseDateTR } from '../services/analytics';
import { deadlineInfo } from '../services/tenderCalendar';
/**
* Sağ panel: takipteki / panodaki ihalelerden 14 gün içinde yapılacaklar.
* Sunucuya gitmez — liste zaten bellekte. ≤3 gün kırmızı, ≤7 turuncu.
*/
export const YaklasanSonTarihler = ({ gun = 14 }) => {
const now = useDeadlineClock();
const { tenders, setActiveTenderDetail } = useApp();
const liste = useMemo(() => {
const bugun = new Date(); bugun.setHours(0, 0, 0, 0);
const sinir = new Date(bugun.getTime() + gun * 86400000);
return tenders
.filter((t) => t.takipte || t.kanbanStatus || t.gorev)
.map((t) => ({ t, d: parseDateTR(t.tarih) }))
.filter(({ d }) => d && d >= bugun && d <= sinir)
.sort((a, b) => a.d - b.d)
.map(({ t, d }) => ({ t, kalan: Math.round((d - bugun) / 86400000) }))
.filter(t => t.takipte || t.gorev)
.map(t => ({t,info:deadlineInfo(t,now)}))
.filter(({info}) => info.days !== null && info.days >= 0 && info.days <= gun && info.expired !== true)
.sort((a,b) => a.info.days - b.info.days || (a.info.deadline?.getTime() || Infinity) - (b.info.deadline?.getTime() || Infinity))
.map(({t,info}) => ({t,kalan:info.days,label:info.label}))
.slice(0, 8);
}, [tenders, gun]);
}, [tenders, gun, now]);
const renk = (g) => (g <= 3 ? 'bg-red-600 text-white' : g <= 7 ? 'bg-amber-500 text-white' : 'bg-slate-200 text-slate-800');
@@ -33,11 +33,11 @@ export const YaklasanSonTarihler = ({ gun = 14 }) => {
<div className="p-2 space-y-1">
{liste.length === 0 ? (
<p className="px-2 py-3 text-xs text-slate-500">{gun} gün içinde yapılacak takipli ihale yok. Yıldızla takibe alın; burada geri sayım başlar.</p>
) : liste.map(({ t, kalan }) => (
) : liste.map(({ t, kalan, label }) => (
<button key={t.id} type="button" onClick={() => setActiveTenderDetail?.(t)}
className="w-full flex items-center justify-between gap-2 rounded-lg p-2 text-xs hover:bg-slate-50 text-left">
<span className="min-w-0 truncate font-medium text-slate-800" title={t.baslik}>{t.baslik}</span>
<span className={`shrink-0 rounded-md px-1.5 py-0.5 text-[10px] font-extrabold ${renk(kalan)}`}>{kalan === 0 ? 'BUGÜN' : `${kalan} gün`}</span>
<span className={`shrink-0 rounded-md px-1.5 py-0.5 text-[10px] font-extrabold ${renk(kalan)}`}>{label}</span>
</button>
))}
</div>