Trending up by 5.2% this month{" "}
-
Showing total visitors for the last 6 months. This is just
diff --git a/src/app/(dashboard)/dashboard/components/follow-up-widget.tsx b/src/app/(dashboard)/dashboard/components/follow-up-widget.tsx
new file mode 100644
index 0000000..30bcda8
--- /dev/null
+++ b/src/app/(dashboard)/dashboard/components/follow-up-widget.tsx
@@ -0,0 +1,78 @@
+import { Phone, Envelope, CalendarCheck } from '@/lib/icons';
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import { CUSTOMER_STAGE_LABELS, CUSTOMER_TYPE_LABELS, type Customer } from "@/lib/appwrite/schema";
+
+function isOverdue(date: string) {
+ const today = new Date();
+ today.setHours(0, 0, 0, 0);
+ return new Date(date) < today;
+}
+
+export function FollowUpWidget({ customers }: { customers: Customer[] }) {
+ const empty = customers.length === 0;
+
+ return (
+
+
+
+ {customers.length}
+ )}
+
+
+
+ {empty ? (
+
+
+ );
+}
diff --git a/src/app/(dashboard)/dashboard/components/quick-actions.tsx b/src/app/(dashboard)/dashboard/components/quick-actions.tsx
index 712556e..e90e1c8 100644
--- a/src/app/(dashboard)/dashboard/components/quick-actions.tsx
+++ b/src/app/(dashboard)/dashboard/components/quick-actions.tsx
@@ -1,5 +1,5 @@
import Link from "next/link";
-import { Calendar, FilePlus, Receipt, UserPlus } from "lucide-react";
+import { Calendar, FilePlus, Receipt, UserPlus } from '@/lib/icons';
import { Button } from "@/components/ui/button";
diff --git a/src/app/(dashboard)/dashboard/components/recent-activities.tsx b/src/app/(dashboard)/dashboard/components/recent-activities.tsx
new file mode 100644
index 0000000..e423578
--- /dev/null
+++ b/src/app/(dashboard)/dashboard/components/recent-activities.tsx
@@ -0,0 +1,63 @@
+import { formatDistanceToNow } from "date-fns";
+import { tr } from "date-fns/locale";
+import { ChatCircle, FileText, Eye, Phone, Note } from '@/lib/icons';
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import type { Activity } from "@/lib/appwrite/schema";
+
+const typeConfig: Record = {
+ gorusme: { label: "Görüşme", icon: ChatCircle, variant: "default" },
+ teklif: { label: "Teklif", icon: FileText, variant: "secondary" },
+ ziyaret: { label: "Ziyaret", icon: Eye, variant: "outline" },
+ arama: { label: "Arama", icon: Phone, variant: "outline" },
+ not: { label: "Not", icon: Note, variant: "outline" },
+};
+
+export function RecentActivities({ activities }: { activities: Activity[] }) {
+ return (
+
+
+ Son Aktiviteler
+
+ {/* Mobil: içerik sayfayı scroll ettirir. Desktop: kart içinde kalır. */}
+
+ {activities.length === 0 ? (
+
+
+ );
+}
diff --git a/src/app/(dashboard)/dashboard/components/recent-properties.tsx b/src/app/(dashboard)/dashboard/components/recent-properties.tsx
new file mode 100644
index 0000000..0724944
--- /dev/null
+++ b/src/app/(dashboard)/dashboard/components/recent-properties.tsx
@@ -0,0 +1,77 @@
+import Link from "next/link";
+import { formatDistanceToNow } from "date-fns";
+import { tr } from "date-fns/locale";
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import type { Property } from "@/lib/appwrite/schema";
+
+const statusDot: Record = {
+ aktif: { color: "bg-emerald-500", label: "Aktif" },
+ pasif: { color: "bg-zinc-400", label: "Pasif" },
+ satildi: { color: "bg-blue-500", label: "Satıldı" },
+ kiralandit: { color: "bg-orange-400", label: "Kiralandı" },
+};
+
+const listingLabel: Record = { satilik: "Satılık", kiralik: "Kiralık" };
+const typeLabel: Record = {
+ daire: "Daire", villa: "Villa", arsa: "Arsa",
+ dukkan: "Dükkan", ofis: "Ofis", depo: "Depo",
+};
+
+function formatPrice(price: number, currency = "TRY") {
+ return new Intl.NumberFormat("tr-TR", {
+ style: "currency", currency, maximumFractionDigits: 0,
+ }).format(price);
+}
+
+export function RecentProperties({ properties }: { properties: Property[] }) {
+ return (
+
+
+ Son Eklenen İlanlar
+
+
+ {properties.length === 0 ? (
+
+
+ );
+}
diff --git a/src/app/(dashboard)/dashboard/components/section-cards.tsx b/src/app/(dashboard)/dashboard/components/section-cards.tsx
index ca05f99..fd8bc07 100644
--- a/src/app/(dashboard)/dashboard/components/section-cards.tsx
+++ b/src/app/(dashboard)/dashboard/components/section-cards.tsx
@@ -1,102 +1,58 @@
-import { TrendingDown, TrendingUp } from "lucide-react"
+import { Buildings, Users, Lightning, TrendUp } from '@/lib/icons';
-import { Badge } from "@/components/ui/badge"
-import {
- Card,
- CardAction,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/components/ui/card"
+import type { DashboardStats } from "@/lib/appwrite/dashboard-queries";
+
+export function SectionCards({ stats }: { stats: DashboardStats }) {
+ const items = [
+ {
+ label: "Aktif İlan",
+ value: stats.aktifIlanlar,
+ icon: Buildings,
+ sub: [
+ `${stats.satilikAktif} sat`,
+ `${stats.kiralikAktif} kir`,
+ ...(stats.rezerveIlanlar > 0 ? [`${stats.rezerveIlanlar} rsv`] : []),
+ ].join(" · "),
+ },
+ {
+ label: "Müşteri",
+ value: stats.toplamMusteri,
+ icon: Users,
+ sub: `${stats.aliciMusteri} alıcı · ${stats.kiraciMusteri} kiracı · ${stats.yatirimciMusteri} yat`,
+ },
+ {
+ label: "Bekleyen Eşleşme",
+ value: stats.bekleyenEslesmeler,
+ icon: Lightning,
+ sub: "iletilmemiş bildirim",
+ accent: stats.bekleyenEslesmeler > 0,
+ },
+ {
+ label: "Bu Ay Eklenen",
+ value: stats.buAyIlanlar,
+ icon: TrendUp,
+ sub: "yeni ilan",
+ },
+ ];
-export function SectionCards() {
return (
-
+ Bekleyen takip yok +
+ ) : ( +-
+ {customers.map((c) => {
+ const overdue = c.nextFollowUpDate ? isOverdue(c.nextFollowUpDate) : false;
+ return (
+
-
+ ++ +
{c.name}
++ {CUSTOMER_TYPE_LABELS[c.type] ?? c.type} + {c.stage ? ` · ${CUSTOMER_STAGE_LABELS[c.stage] ?? c.stage}` : ""} +
+
+ );
+ })}
+
+ Henüz aktivite yok +
+ ) : ( +-
+ {activities.map((a) => {
+ const cfg = typeConfig[a.type] ?? typeConfig.not;
+ const Icon = cfg.icon;
+ return (
+
-
+
+
+ + ++++ {a.description && ( +{a.title}
++ {cfg.label} + ++ {a.description} +
+ )} ++ {formatDistanceToNow(new Date(a.$createdAt), { addSuffix: true, locale: tr })} +
+
+ );
+ })}
+
+ Henüz ilan yok +
+ ) : ( +-
+ {properties.map((p) => {
+ const dot = statusDot[p.status] ?? { color: "bg-zinc-400", label: p.status };
+ return (
+
-
+
+
+ ++
{p.title}
++ {typeLabel[p.propertyType] ?? p.propertyType} · {listingLabel[p.listingType] ?? p.listingType} + {p.city ? ` · ${p.city}` : ""} + {p.roomCount ? ` · ${p.roomCount}` : ""} +
+++ ++ {formatPrice(p.price, p.currency)} +
+ + {formatDistanceToNow(new Date(p.$createdAt), { addSuffix: true, locale: tr })} + +
+ );
+ })}
+
-
-
- Total Revenue
-
- $1,250.00
-
-
-
-
-
-
-
-
- Trending up this month
+ {items.map((item) => (
+
+
- )
+ );
}
diff --git a/src/app/(dashboard)/dashboard/page.tsx b/src/app/(dashboard)/dashboard/page.tsx
index 4ae67b7..a3bdd60 100644
--- a/src/app/(dashboard)/dashboard/page.tsx
+++ b/src/app/(dashboard)/dashboard/page.tsx
@@ -1,40 +1,100 @@
+export const dynamic = "force-dynamic";
+
import { redirect } from "next/navigation";
+import Link from "next/link";
+import { Buildings, UserPlus, GitMerge, Plus } from '@/lib/icons';
import { getActiveContext } from "@/lib/appwrite/active-context";
+import { getDashboardStats } from "@/lib/appwrite/dashboard-queries";
+import { Button } from "@/components/ui/button";
+import { SectionCards } from "./components/section-cards";
+import { ChartAreaInteractive } from "./components/chart-area-interactive";
+import { RecentActivities } from "./components/recent-activities";
+import { RecentProperties } from "./components/recent-properties";
+import { FollowUpWidget } from "./components/follow-up-widget";
export default async function DashboardPage() {
const ctx = await getActiveContext();
if (!ctx) redirect("/onboarding");
+ const stats = await getDashboardStats(ctx.tenantId);
+
const firstName = ctx.user.name?.split(" ")[0] ?? "";
const officeName = ctx.settings?.officeName ?? "Çalışma alanı";
return (
-
+
-
- Visitors for the last 6 months
+
-
- New Customers
-
- 1,234
-
-
-
-
-
-
-
-
-
-
-
- Active Accounts
-
- 45,678
-
-
-
-
-
-
-
-
-
-
-
- Growth Rate
-
- 4.5%
-
-
-
-
-
-
-
-
-
+
+ ))}
+
-
-
- {item.value}
+{item.label}
+{item.sub}
- Down 20% this period
-
- Acquisition needs attention
-
-
- Strong user retention
- Engagement exceed targets
-
- Steady performance increase
- Meets growth projections
-
-
-
{officeName}
-- {firstName ? `Hoş geldiniz, ${firstName}` : "Genel Bakış"} -
-- Portföyünüzü ve müşteri aktivitelerini buradan takip edin. -
+ // overflow-x-hidden: Recharts SVG ve diğer absolute-positioned elementlerin + // yatay taşmasını keser; tooltip'ler kart içinde render olduğu için etkilenmez. +
+
+ {/* Başlık */}
+
+
-
+
+ {officeName}
++ {firstName ? `Hoş geldiniz, ${firstName}` : "Genel Bakış"} +
+
+
+
+
+
+
-
-
+
{children}
);
diff --git a/src/app/(dashboard)/properties/[id]/page.tsx b/src/app/(dashboard)/properties/[id]/page.tsx
index 7a64c81..87f6f62 100644
--- a/src/app/(dashboard)/properties/[id]/page.tsx
+++ b/src/app/(dashboard)/properties/[id]/page.tsx
@@ -1,8 +1,6 @@
export const dynamic = "force-dynamic";
import { notFound } from "next/navigation";
-import Link from "next/link";
-import { ArrowLeft } from "lucide-react";
import { Query } from "node-appwrite";
import { requireTenant } from "@/lib/appwrite/tenant-guard";
@@ -10,18 +8,13 @@ import { listCustomers } from "@/lib/appwrite/customer-queries";
import {
DATABASE_ID,
TABLES,
- PROPERTY_TYPE_LABELS,
- LISTING_TYPE_LABELS,
- PROPERTY_STATUS_LABELS,
- ACTIVITY_TYPE_LABELS,
type Property,
type PropertyMatch,
type Activity,
} from "@/lib/appwrite/schema";
import { createAdminClient } from "@/lib/appwrite/server";
-import { getPropertyImagePreviewUrl, parseImageIds } from "@/lib/appwrite/storage-utils";
-import { Badge } from "@/components/ui/badge";
-import { PropertyMapView } from "@/components/map/property-map-view";
+import { parseImageIds } from "@/lib/appwrite/storage-utils";
+import { PropertyDetailClient } from "@/components/properties/property-detail-client";
interface Props {
params: Promise<{ id: string }>;
@@ -71,216 +64,13 @@ export default async function PropertyDetailPage({ params }: Props) {
const customerMap = Object.fromEntries(customers.map((c) => [c.$id, c.name]));
const imageIds = parseImageIds(property.imageIds);
- const statusColor: Record = {
- aktif: "bg-green-100 text-green-700",
- pasif: "bg-gray-100 text-gray-600",
- satildi: "bg-orange-100 text-orange-700",
- kiralandit: "bg-blue-100 text-blue-700",
- };
-
return (
-
diff --git a/src/app/(dashboard)/settings/billing/components/upgrade-section.tsx b/src/app/(dashboard)/settings/billing/components/upgrade-section.tsx
index af320d7..1e1d0a6 100644
--- a/src/app/(dashboard)/settings/billing/components/upgrade-section.tsx
+++ b/src/app/(dashboard)/settings/billing/components/upgrade-section.tsx
@@ -2,7 +2,7 @@
import { useRef } from "react";
import { toast } from "sonner";
-import { Crown, Check, Loader2 } from "lucide-react";
+import { Crown, Check, CircleNotch } from '@/lib/icons';
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
import { Badge } from "@/components/ui/badge";
diff --git a/src/app/(dashboard)/settings/billing/page.tsx b/src/app/(dashboard)/settings/billing/page.tsx
index f6de6de..5fe49ba 100644
--- a/src/app/(dashboard)/settings/billing/page.tsx
+++ b/src/app/(dashboard)/settings/billing/page.tsx
@@ -1,6 +1,6 @@
import type { Metadata } from "next";
import { redirect } from "next/navigation";
-import { CheckCircle2, XCircle } from "lucide-react";
+import { CheckCircle, XCircle } from '@/lib/icons';
import { requireTenant } from "@/lib/appwrite/tenant-guard";
import { getEffectivePlan, getPlanUsage } from "@/lib/appwrite/plan-limits";
@@ -44,7 +44,7 @@ export default async function BillingPage({
{upgraded && (
Aktif İlanlar
-—
+ {/* İstatistik şeridi */} +
+
+
+ {/* Grafik + Son Aktiviteler
+ Mobil: tek kolon, alt alta.
+ Desktop (lg): 3+2 kolon, eşit yükseklik (items-stretch). */}
+
+
);
}
diff --git a/src/app/(dashboard)/finance/page.tsx b/src/app/(dashboard)/finance/page.tsx
new file mode 100644
index 0000000..cc50a23
--- /dev/null
+++ b/src/app/(dashboard)/finance/page.tsx
@@ -0,0 +1,45 @@
+import { requireTenant } from "@/lib/appwrite/tenant-guard";
+import { createAdminClient } from "@/lib/appwrite/server";
+import { DATABASE_ID, TABLES } from "@/lib/appwrite/schema";
+import { listCustomers } from "@/lib/appwrite/customer-queries";
+import { Query } from "node-appwrite";
+import { FinanceClient } from "@/components/finance/finance-client";
+import type { Deal } from "@/lib/appwrite/schema";
+
+export default async function FinancePage() {
+ const ctx = await requireTenant();
+ const { tablesDB } = createAdminClient();
+
+ const dealQueries = [
+ Query.equal("tenantId", ctx.tenantId),
+ Query.orderDesc("$createdAt"),
+ Query.limit(200),
+ ];
+
+ if (ctx.role === "member") {
+ dealQueries.push(Query.equal("agentId", ctx.user.id));
+ }
+
+ const [dealsResult, customers] = await Promise.all([
+ tablesDB.listRows({
+ databaseId: DATABASE_ID,
+ tableId: TABLES.deals,
+ queries: dealQueries,
+ }),
+ listCustomers(ctx.tenantId),
+ ]);
+
+ const deals = JSON.parse(JSON.stringify(dealsResult.rows)) as Deal[];
+
+ return (
+
+
-
-
- Müşteriler
-—
-
-
+
+ {/* Son İlanlar + Bugünkü Takipler */}
+ Bekleyen Eşleşmeler
-—
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/(dashboard)/layout.tsx b/src/app/(dashboard)/layout.tsx
index cbb67fc..35e1f84 100644
--- a/src/app/(dashboard)/layout.tsx
+++ b/src/app/(dashboard)/layout.tsx
@@ -1,8 +1,10 @@
import { redirect } from "next/navigation";
+import { Query } from "node-appwrite";
import { getActiveContext } from "@/lib/appwrite/active-context";
import { getLogoUrl } from "@/lib/appwrite/storage";
-import { createSessionClient } from "@/lib/appwrite/server";
+import { createAdminClient, createSessionClient } from "@/lib/appwrite/server";
+import { DATABASE_ID, TABLES } from "@/lib/appwrite/schema";
import type { ThemePrefs } from "@/lib/appwrite/theme-prefs-actions";
import { DashboardShell } from "./dashboard-shell";
@@ -14,6 +16,17 @@ export default async function DashboardLayout({
const ctx = await getActiveContext();
if (!ctx) redirect("/onboarding");
+ let pendingMatchCount = 0;
+ try {
+ const { tablesDB } = createAdminClient();
+ const res = await tablesDB.listRows({
+ databaseId: DATABASE_ID,
+ tableId: TABLES.propertyMatches,
+ queries: [Query.equal("tenantId", ctx.tenantId), Query.equal("notified", false), Query.limit(1)],
+ });
+ pendingMatchCount = res.total;
+ } catch { /* non-critical */ }
+
let themePrefs: ThemePrefs = {};
try {
const { account } = await createSessionClient();
@@ -37,7 +50,7 @@ export default async function DashboardLayout({
};
return (
-
- {/* Header */}
-
- );
-}
-
-function Detail({ label, value }: { label: string; value: string }) {
- return (
-
-
-
-
-
-
-
- {/* Photo gallery */}
- {imageIds.length > 0 && (
-
-
-
- {PROPERTY_STATUS_LABELS[property.status] ?? property.status}
-
- {property.title}
-- {[property.neighborhood, property.district, property.city].filter(Boolean).join(", ")} -
-
-
- )}
-
-
- {imageIds.map((fileId, i) => (
-
- 2 ? "col-span-2 row-span-2" : ""}`}
- >
- {/* eslint-disable-next-line @next/next/no-img-element */}
- 
2 ? "480px" : "240px" }}
- />
-
- ))}
-
- {/* Price */}
-
-
-
-
- {/* Matches sidebar */}
-
-
-
- {property.description && (
-
-
- {property.price.toLocaleString("tr-TR")}
-
- {property.currency ?? "TRY"}
-
-
-
-
-
- {property.address && (
-
- Adres:
- {property.address}
-
- )}
-
- {property.mapLat != null && property.mapLng != null && (
-
- Google Maps'te aç ↗
-
- )}
-
-
- )}
-
- {property.mapLat != null && property.mapLng != null && (
- Açıklama
-- {property.description} -
-
-
- )}
-
- {/* Activities */}
- {activities.length > 0 && (
- Konum
-
-
- )}
- Aktiviteler
-
- {activities.map((a) => (
-
-
-
- {ACTIVITY_TYPE_LABELS[a.type] ?? a.type}
-
-
- ))}
-
-
-
- {new Date(a.$createdAt).toLocaleDateString("tr-TR")}
-
- {a.title}
- {a.description && ( -{a.description}
- )} -
-
-
-
- - İlgili Müşteriler - {matches.length > 0 && ( - ({matches.length}) - )} -
- {matches.length === 0 ? ( -Eşleşme yok.
- ) : ( -
- {matches.map((m) => (
-
- )}
-
-
- {customerMap[m.customerId] ?? m.customerId}
-
-
- ))}
-
- {label}:
- {value}
-
- );
-}
-
-function ScoreBadge({ score }: { score?: number | null }) {
- const s = score ?? 0;
- const color =
- s >= 80
- ? "bg-green-100 text-green-700"
- : s >= 60
- ? "bg-blue-100 text-blue-700"
- : s >= 40
- ? "bg-yellow-100 text-yellow-700"
- : "bg-gray-100 text-gray-500";
- return (
-
- {s}
-
+
-
)}
diff --git a/src/app/(dashboard)/settings/connections/page.tsx b/src/app/(dashboard)/settings/connections/page.tsx
index 8454f8c..26d0cd9 100644
--- a/src/app/(dashboard)/settings/connections/page.tsx
+++ b/src/app/(dashboard)/settings/connections/page.tsx
@@ -4,7 +4,7 @@ import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
import { Separator } from "@/components/ui/separator"
import { Switch } from "@/components/ui/switch"
-import { Github, Slack, Twitter, Zap, Globe, Database, Apple, Chrome, Facebook, Instagram, Dribbble } from "lucide-react"
+import { GithubLogo, SlackLogo, TwitterLogo, Lightning, Globe, Database, AppleLogo, Browser, FacebookLogo, InstagramLogo, DribbbleLogo } from '@/lib/icons'
import { useState } from "react"
export default function ConnectionSettings() {
// Controlled state for switches
@@ -37,9 +37,9 @@ export default function ConnectionSettings() {
-
@@ -52,7 +52,7 @@ export default function ConnectionSettings() {
-
Apple
+ AppleLogo
Calendar and contacts
-
Google
Calendar and contacts
@@ -67,9 +67,9 @@ export default function ConnectionSettings() {
-
@@ -82,9 +82,9 @@ export default function ConnectionSettings() {
-
Github
+ GithubLogo
Manage your Git repositories
-
@@ -109,13 +109,13 @@ export default function ConnectionSettings() {
-
Slack
+ SlackLogo
Communication
-
- Facebook
+ FacebookLogo
Not Connected
- Share updates on Facebook
+ Share updates on FacebookLogo