ปฏิทินทั้งเดือน
{monthlySessionTotal} รอบเรียน
{DAY_FULL.map((day, i) => (
= 5 ? "weekend" : ""}`}>{day}
))}
{monthDays.map(day => (
{!day.blank && (
<>
{day.day} {activeMonth}
))}
{day.clubs.map(c => {
const eventDate = new Date(2026, calendarMonth, day.day);
const isLive = scheduleItemIsLiveOnDate(c, eventDate);
const isPast = !isLive && scheduleItemIsPastOnDate(c, eventDate);
return (
)}
{c.name}
{isLive &&
);
})}
setFailed(true)}
/>
);
};
// RECRUIT_ACTIVITY_NAMES ย้ายไป components.jsx แล้ว (โหลดก่อนไฟล์นี้เสมอ) — ใช้เป็น global
const SalesFeedSection = () => {
const [feed, setFeed] = React.useState(null);
React.useEffect(() => {
let alive = true;
const load = async () => {
const [salesRes, recruitRes, agentsRes] = await Promise.all([
sb.from("agent_ape_sales")
.select("id, agent_id, amount, recruit_count, note, date, created_at")
.order("created_at", { ascending: false })
.limit(30),
sb.from("agent_activities")
.select("id, agent_id, name, date, created_at")
.in("name", RECRUIT_ACTIVITY_NAMES)
.order("created_at", { ascending: false })
.limit(30),
sb.from("agents").select("id, name, unit, role"),
]);
if (!alive) return;
const amap = {};
(agentsRes.data || []).forEach(a => { amap[a.id] = a; });
const items = [];
(salesRes.data || []).forEach(s => {
if (s.amount > 0) {
items.push({ key: `sale-${s.id}`, kind: "sale", agent_id: s.agent_id,
note: s.note, amount: s.amount, date: s.date, created_at: s.created_at });
}
if (Number(s.recruit_count) > 0) {
items.push({ key: `rc-${s.id}`, kind: "recruit", agent_id: s.agent_id,
count: Number(s.recruit_count), date: s.date, created_at: s.created_at });
}
});
(recruitRes.data || []).forEach(a => {
items.push({ key: `act-${a.id}`, kind: "recruit", agent_id: a.agent_id,
count: 1, date: a.date, created_at: a.created_at });
});
const enriched = items
.map(it => ({ ...it, agent: amap[it.agent_id] }))
.filter(it => it.agent && it.agent.role !== "admin")
.sort((a, b) => new Date(b.created_at) - new Date(a.created_at));
setFeed(enriched);
};
load();
const timer = window.setInterval(load, 30000);
return () => { alive = false; window.clearInterval(timer); };
}, []);
const loading = feed === null;
const todayKey = getNow().toLocaleDateString("sv-SE");
const todayItems = (feed || []).filter(it => it.date === todayKey);
const todaySales = todayItems.filter(it => it.kind === "sale");
const todayCount = todaySales.length;
const todayApe = todaySales.reduce((n, it) => n + Number(it.amount || 0), 0);
const todayRecruit = todayItems.filter(it => it.kind === "recruit").reduce((n, it) => n + it.count, 0);
const rows = (feed || []).slice(0, 20);
return (