"use client"; import { useState, useEffect, useCallback, useMemo } from "react"; import Link from "next/link"; import { MessageSquare, Users, Shield, Pin, Lock, CheckCircle, ChevronRight, Flame, Folder, ChevronDown, BarChart3, Activity, Crown, Plus, User, Sparkles, Filter, TrendingUp, HelpCircle, ArrowRight, ExternalLink, Zap, } from "lucide-react"; import ForumShell from "@/components/forum/ForumShell"; import ForumAmaScheduleWidget from "@/components/forum/ForumAmaScheduleWidget"; import ForumB2BHubWidget from "@/components/forum/ForumB2BHubWidget"; import { fetchForumBoards, fetchForumTopics, fetchForumStats, fetchOnlineUsers, formatRelativeTime, type ForumCategoryItem, type ForumStats, type ForumTopicItem, type OnlineUserItem, } from "@/lib/forum-api"; // Fallback Kategoriler (DB boş veya ilk yüklemede sıfır hata garantisi) const FALLBACK_CATEGORIES: ForumCategoryItem[] = [ { id: "c1", name: "Genel & Duyurular", slug: "genel", description: "Platform duyuruları, topluluk kuralları ve tanışma alanı.", isExpanded: true, boards: [ { id: "b1", name: "Duyurular & Güncellemeler", slug: "duyurular", topicCount: 8, postCount: 24 }, { id: "b2", name: "Forum Kuralları & Rehberler", slug: "kurallar", topicCount: 5, postCount: 16 }, { id: "b3", name: "Tanışma & Topluluk", slug: "tanisma", topicCount: 12, postCount: 38 }, { id: "b4", name: "Öneriler & İstekler", slug: "oneriler", topicCount: 9, postCount: 27 }, ], }, { id: "c2", name: "Türkiye Pazaryerleri", slug: "turkiye-pazaryerleri", description: "Trendyol, Hepsiburada, Amazon TR, N11, Çiçeksepeti operasyonları.", isExpanded: true, boards: [ { id: "b5", name: "Trendyol Satıcı Paneli & Buybox", slug: "trendyol-panel", topicCount: 18, postCount: 64 }, { id: "b6", name: "Trendyol Komisyon & Fiyatlandırma", slug: "trendyol-fiyat", topicCount: 14, postCount: 52 }, { id: "b7", name: "Hepsiburada & HepsiPartner", slug: "hepsiburada-pazar", topicCount: 11, postCount: 40 }, { id: "b8", name: "N11, Çiçeksepeti & PttAVM", slug: "n11-ciceksepeti", topicCount: 9, postCount: 31 }, ], }, { id: "c3", name: "Global Pazaryerleri & E-İhracat", slug: "global-ve-e-ihracat", description: "Amazon US/EU FBA, Etsy, Mikro İhracat (ETGB) ve yurtdışı pazarlar.", isExpanded: false, boards: [ { id: "b9", name: "Amazon Türkiye & SP-API", slug: "amazon-fba-tr", topicCount: 10, postCount: 35 }, { id: "b10", name: "Amazon Global (US, EU, UK)", slug: "amazon-global", topicCount: 16, postCount: 58 }, { id: "b11", name: "Etsy & Vintage / Handmade", slug: "etsy-magaza", topicCount: 13, postCount: 44 }, { id: "b12", name: "Mikro İhracat & ETGB Gümrük", slug: "mikro-ihracat", topicCount: 12, postCount: 42 }, ], }, { id: "c4", name: "Operasyon, Fiyat & Stok", slug: "operasyon-ve-stok", description: "Dinamik repricer, çoklu depo, kargo lojistiği ve XML tedarik.", isExpanded: false, boards: [ { id: "b13", name: "Dinamik Fiyatlandırma & Repricer", slug: "fiyat-strateji", topicCount: 11, postCount: 39 }, { id: "b14", name: "Envanter & Çoklu Depo Yönetimi", slug: "stok-yonetim", topicCount: 10, postCount: 36 }, { id: "b15", name: "Kargo, Lojistik & İade Yönetimi", slug: "kargo-lojistik", topicCount: 15, postCount: 55 }, { id: "b16", name: "Tedarik Zinciri & XML Dropshipping", slug: "tedarik-zincir", topicCount: 9, postCount: 33 }, ], }, { id: "c5", name: "Dijital Pazarlama & SEO", slug: "pazarlama-ve-seo", description: "Google PMax, Meta katalog, TikTok Shop ve pazaryeri içi SEO.", isExpanded: false, boards: [ { id: "b17", name: "Google Ads & Merchant Center", slug: "google-ads", topicCount: 12, postCount: 41 }, { id: "b18", name: "Meta (Facebook & IG) Reklamları", slug: "meta-ads", topicCount: 11, postCount: 38 }, { id: "b19", name: "TikTok Shop & Influencer Satışları", slug: "tiktok-shop", topicCount: 10, postCount: 34 }, { id: "b20", name: "E-Ticaret SEO & Ürün Açıklamaları", slug: "seo-icerik", topicCount: 13, postCount: 47 }, ], }, { id: "c6", name: "Teknik, Yazılım & ERP", slug: "teknik-ve-yazilim", description: "Pazaryonetimi REST API, Webhook ve Logo / Mikro ERP köprüleri.", isExpanded: false, boards: [ { id: "b21", name: "Pazaryonetimi REST API & Webhook", slug: "api-entegrasyon", topicCount: 8, postCount: 29 }, { id: "b22", name: "ERP & Muhasebe Entegrasyonu", slug: "erp-muhasebe", topicCount: 9, postCount: 32 }, { id: "b23", name: "E-Ticaret Altyapıları & AI Araçları", slug: "eticaret-yazilim", topicCount: 11, postCount: 39 }, ], }, { id: "c7", name: "Mali & Hukuki Mevzuat", slug: "mali-ve-hukuki", description: "Genç Girişimci istisnası, e-Fatura, marka tescili ve KVKK.", isExpanded: false, boards: [ { id: "b24", name: "E-Ticaret Vergi, E-Fatura & KDV", slug: "vergi-muhasebe", topicCount: 14, postCount: 49 }, { id: "b25", name: "KVKK, Marka Tescili & Tüketici Hakları", slug: "kvkk-hukuk", topicCount: 10, postCount: 37 }, ], }, ]; // Fallback Konular const FALLBACK_TOPICS: ForumTopicItem[] = [ { id: "topic-1", title: "Trendyol 2024 - 2025 Komisyon Oranları, Baremler ve Kargo Fiyatlandırması Kılavuzu", slug: "trendyol-2024-2025-komisyon-oranlari-baremler-ve-kargo-fiyatlandirmasi-kilavuzu", author: { id: "u_trendyol_pro", name: "Burak Özkan (Trendyol Pro)", level: "Platin Satıcı", isStaff: false }, board: { id: "b6", name: "Trendyol Komisyon & Fiyatlandırma", slug: "trendyol-fiyat" }, replies: 42, views: 16840, lastPost: { author: "Kemal Tekin (SMMM)", date: new Date(Date.now() - 3600000).toISOString() }, createdAt: new Date(Date.now() - 86400000 * 2).toISOString(), isPinned: true, isHot: true, tags: ["trendyol", "komisyon", "barem", "kargo"], }, { id: "topic-2", title: "Trendyol Buybox Algoritması Nasıl Çalışır? 1. Sıraya Çıkma Taktikleri", slug: "trendyol-buybox-algoritmasi-nasil-calisir-1-siraya-cikma-taktikleri", author: { id: "u_mod_ahmet", name: "Ahmet Yılmaz", level: "Elmas Satıcı", isStaff: true }, board: { id: "b5", name: "Trendyol Satıcı Paneli & Buybox", slug: "trendyol-panel" }, replies: 38, views: 8420, lastPost: { author: "Burak Özkan (Trendyol Pro)", date: new Date(Date.now() - 7200000).toISOString() }, createdAt: new Date(Date.now() - 86400000 * 3).toISOString(), isPinned: true, isSolved: true, tags: ["buybox", "trendyol", "algoritma"], }, { id: "topic-3", title: "Amazon FBA ABD (Amazon.com) Başlangıç Rehberi: Şirket Kurulumundan İlk Sevkiyata", slug: "amazon-fba-abd-amazon-com-baslangic-rehberi-sirket-kurulumundan-ilk-sevkiyata", author: { id: "u_amazon_fba_lead", name: "Can Gümüş (FBA Lead)", level: "Elmas Satıcı", isStaff: false }, board: { id: "b10", name: "Amazon Global (US, EU, UK)", slug: "amazon-global" }, replies: 56, views: 19540, lastPost: { author: "Can Gümüş (FBA Lead)", date: new Date(Date.now() - 14400000).toISOString() }, createdAt: new Date(Date.now() - 86400000 * 4).toISOString(), isPinned: true, isHot: true, tags: ["amazonfba", "amerika", "llc", "e-ihracat"], }, { id: "topic-5", title: "E-Ticarette Genç Girişimci İstisnası, Şahıs Şirketi ve Vergi Tevkifatı (2024-2026 Rehberi)", slug: "e-ticarette-genc-girisimci-istisnasi-sahis-sirketi-ve-vergi-tevkifati-2024-2026-rehberi", author: { id: "u_mali_musavir", name: "Kemal Tekin (SMMM)", level: "Elmas Satıcı", isStaff: false }, board: { id: "b24", name: "E-Ticaret Vergi, E-Fatura & KDV", slug: "vergi-muhasebe" }, replies: 64, views: 15200, lastPost: { author: "Ayşe Koç", date: new Date(Date.now() - 18000000).toISOString() }, createdAt: new Date(Date.now() - 86400000 * 5).toISOString(), isPinned: true, isSolved: true, tags: ["vergi", "gencgirisimci", "muhasebe", "e-fatura"], }, { id: "topic-6", title: "Etsy'de Mağaza Suspend Edilmeden Satış Yapma ve Star Seller Olma Yolları", slug: "etsy-de-magaza-suspend-edilmeden-satis-yapma-ve-star-seller-olma-yollari", author: { id: "u_etsy_zeynep", name: "Zeynep Kaya (Etsy Star)", level: "Gümüş Satıcı", isStaff: false }, board: { id: "b11", name: "Etsy & Vintage / Handmade", slug: "etsy-magaza" }, replies: 29, views: 8670, lastPost: { author: "Zeynep Kaya (Etsy Star)", date: new Date(Date.now() - 25000000).toISOString() }, createdAt: new Date(Date.now() - 86400000 * 6).toISOString(), isSolved: true, tags: ["etsy", "starseller", "suspend"], }, { id: "topic-7", title: "Dinamik Fiyatlandırma & Otomatik Repricer ile Rakipleri Gece Geçme Stratejileri", slug: "dinamik-fiyatlandirma-otomatik-repricer-ile-rakipleri-gece-gecme-stratejileri", author: { id: "u_dev_emre", name: "Emre Yıldız (API & Entegrasyon)", level: "Platin Satıcı", isStaff: false }, board: { id: "b13", name: "Dinamik Fiyatlandırma & Repricer", slug: "fiyat-strateji" }, replies: 33, views: 9180, lastPost: { author: "Burak Özkan (Trendyol Pro)", date: new Date(Date.now() - 32000000).toISOString() }, createdAt: new Date(Date.now() - 86400000 * 7).toISOString(), tags: ["repricer", "fiyat-stratejisi", "otomasyon"], }, { id: "topic-9", title: "Mikro İhracat (ETGB) ile KDV İadesi Nasıl Alınır? Adım Adım Süreç", slug: "mikro-ihracat-etgb-ile-kdv-iadesi-nasil-alinir-adim-adim-surec", author: { id: "u_mali_musavir", name: "Kemal Tekin (SMMM)", level: "Elmas Satıcı", isStaff: false }, board: { id: "b12", name: "Mikro İhracat & ETGB Gümrük", slug: "mikro-ihracat" }, replies: 47, views: 11910, lastPost: { author: "Can Gümüş (FBA Lead)", date: new Date(Date.now() - 40000000).toISOString() }, createdAt: new Date(Date.now() - 86400000 * 8).toISOString(), isPinned: true, tags: ["mikro-ihracat", "etgb", "kdv-iadesi"], }, ]; const SORT_OPTIONS = [ { value: "lastPost", label: "Son Aktivite" }, { value: "new", label: "En Yeni" }, { value: "popular", label: "En Çok Görüntüleme" }, ] as const; type SortValue = (typeof SORT_OPTIONS)[number]["value"]; type FilterTab = "all" | "pinned" | "popular" | "solved" | "polls"; export default function ForumHomePage() { const [categories, setCategories] = useState(FALLBACK_CATEGORIES); const [topics, setTopics] = useState(FALLBACK_TOPICS); const [onlineUsers, setOnlineUsers] = useState([]); const [activeTab, setActiveTab] = useState("all"); const [stats, setStats] = useState({ totalTopics: 55, totalPosts: 184, totalMembers: 1240, newestMember: "Tolga Arslan", onlineUsers: 48, onlineGuests: 112, }); const [searchQuery, setSearchQuery] = useState(""); const [sortBy, setSortBy] = useState("lastPost"); const [loading, setLoading] = useState(false); const [pagination, setPagination] = useState({ page: 1, limit: 25, totalCount: 55, totalPages: 3, }); const loadPageData = useCallback(async (page = 1, sort: SortValue = sortBy) => { setLoading(true); try { const [boards, topicData, statsData, online] = await Promise.all([ fetchForumBoards().catch(() => null), fetchForumTopics(page, pagination.limit, sort).catch(() => null), fetchForumStats().catch(() => null), fetchOnlineUsers().catch(() => null), ]); if (boards && boards.length > 0) { setCategories(boards); } if (topicData && topicData.topics && topicData.topics.length > 0) { setTopics(topicData.topics); setPagination({ page: topicData.pagination.page, limit: topicData.pagination.limit, totalCount: topicData.pagination.totalCount, totalPages: topicData.pagination.totalPages, }); } if (statsData && statsData.totalTopics > 0) { setStats(statsData); } if (online && online.length > 0) { setOnlineUsers(online); } } catch (err) { console.error("[forum] Veri yükleme hatası:", err); } finally { setLoading(false); } }, [pagination.limit, sortBy]); useEffect(() => { loadPageData(1, sortBy); }, [sortBy]); // eslint-disable-line react-hooks/exhaustive-deps const handleSortChange = (value: SortValue) => { setSortBy(value); setPagination((prev) => ({ ...prev, page: 1 })); }; const handlePageChange = (page: number) => { if (page < 1 || page > pagination.totalPages) return; loadPageData(page, sortBy); window.scrollTo({ top: 0, behavior: "smooth" }); }; const toggleCategory = (catId: string) => { setCategories((prev) => prev.map((c) => (c.id === catId ? { ...c, isExpanded: !c.isExpanded } : c)), ); }; const filteredTopics = useMemo(() => { let result = topics; // Tab Filtresi if (activeTab === "pinned") { result = result.filter((t) => t.isPinned); } else if (activeTab === "popular") { result = result.filter((t) => t.isHot || t.views > 5000); } else if (activeTab === "solved") { result = result.filter((t) => t.isSolved); } else if (activeTab === "polls") { result = result.filter((t) => t.hasPoll); } // Arama Filtresi const query = searchQuery.trim().toLowerCase(); if (query) { result = result.filter( (t) => t.title.toLowerCase().includes(query) || t.board.name.toLowerCase().includes(query) || t.author.name.toLowerCase().includes(query) || (t.tags && t.tags.some((tag: any) => { const tagName = typeof tag === 'string' ? tag : tag?.name || ''; return tagName.toLowerCase().includes(query); })), ); } return result; }, [topics, searchQuery, activeTab]); const pageNumbers = useMemo(() => { const { page, totalPages } = pagination; const pages: number[] = []; const start = Math.max(1, page - 2); const end = Math.min(totalPages, page + 2); for (let i = start; i <= end; i += 1) pages.push(i); return pages; }, [pagination]); return (
{/* SOL PANEL: Kategoriler ve Bölümler (lg:col-span-3) */} {/* ORTA PANEL: Konu Akışı ve Filtreler (lg:col-span-6) */}
{/* Filtre Sekmeleri & Sıralama Barı */}
{/* Quick Filter Pills */}
{/* Sort Dropdown */}
Sırala:
{/* B2B Hub Kartı (activeTab === 'b2b' veya her zaman inceleme için) */} {activeTab === 'b2b' && (
)} {/* Konu Listesi */}
{filteredTopics.length === 0 ? (

Aramanıza uygun konu bulunamadı.

Farklı bir anahtar kelime deneyebilir veya ilk konuyu açabilirsiniz.

Yeni Konu Başlat
) : ( filteredTopics.map((topic) => (
{/* Sol İkon / Durum Rozeti */}
{topic.isPinned ? ( ) : topic.isSolved ? ( ) : topic.isHot ? ( ) : ( )}
{/* Orta Alan: Başlık, Yazar, Board */}
{topic.isPinned && ( SABİT )} {topic.isSolved && ( ÇÖZÜLDÜ )} {topic.isHot && ( POPÜLER )} {topic.board.name}

{topic.title}

{/* Tags */} {topic.tags && topic.tags.length > 0 && (
{topic.tags.slice(0, 3).map((tag: any, idx: number) => { const tagName = typeof tag === 'string' ? tag : tag?.name || ''; const tagKey = typeof tag === 'string' ? tag : tag?.slug || tag?.name || idx; return ( #{tagName} ); })}
)} {/* Metadata Footer */}
{topic.author.name} {topic.author.isStaff && } • {formatRelativeTime(topic.createdAt)} • Son yanıt: {topic.lastPost.author}
{/* Sağ Alan: Sayaçlar */}
{topic.replies} Yanıt
{topic.views > 999 ? `${(topic.views / 1000).toFixed(1)}k` : topic.views} Görüntü
)) )}
{/* Pagination */} {pagination.totalPages > 1 && (
Toplam {pagination.totalCount} konu • Sayfa {pagination.page} /{" "} {pagination.totalPages}
{pageNumbers.map((p) => ( ))}
)}
{/* SAĞ PANEL: İstatistikler & Topluluk Liderleri (lg:col-span-3) */}
); }