diff --git a/next.config.ts b/next.config.ts index ccb2d57..eb09734 100644 --- a/next.config.ts +++ b/next.config.ts @@ -1,64 +1,35 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { - experimental: { - optimizePackageImports: ["lucide-react", "@radix-ui/react-icons"], - }, - - serverActions: { - bodySizeLimit: "3mb", - }, turbopack: {}, - // TODO: re-enable once template files (chart.tsx, data-table-toolbar.tsx) are cleaned up. typescript: { ignoreBuildErrors: true }, - // Image optimization images: { remotePatterns: [ - { - protocol: 'https', - hostname: 'ui.shadcn.com', - }, - { - protocol: 'https', - hostname: 'images.unsplash.com', - }, + { protocol: "https", hostname: "ui.shadcn.com" }, + { protocol: "https", hostname: "images.unsplash.com" }, + { protocol: "https", hostname: "db.kovaksoft.com" }, ], - formats: ['image/webp', 'image/avif'], + formats: ["image/webp", "image/avif"], }, - // Headers for better security and performance async headers() { return [ { - source: '/(.*)', + source: "/(.*)", headers: [ - { - key: 'X-Frame-Options', - value: 'DENY', - }, - { - key: 'X-Content-Type-Options', - value: 'nosniff', - }, - { - key: 'Referrer-Policy', - value: 'origin-when-cross-origin', - }, + { key: "X-Frame-Options", value: "DENY" }, + { key: "X-Content-Type-Options", value: "nosniff" }, + { key: "Referrer-Policy", value: "origin-when-cross-origin" }, ], }, ]; }, - // Redirects for better SEO async redirects() { return [ - { - source: '/home', - destination: '/dashboard', - permanent: true, - }, + { source: "/home", destination: "/dashboard", permanent: true }, ]; }, }; diff --git a/src/app/(dashboard)/activities/page.tsx b/src/app/(dashboard)/activities/page.tsx new file mode 100644 index 0000000..e2eae81 --- /dev/null +++ b/src/app/(dashboard)/activities/page.tsx @@ -0,0 +1,8 @@ +export default function Page() { + return ( +
+

activities

+

Yakında...

+
+ ); +} diff --git a/src/app/(dashboard)/calendar/components/calendar-client.tsx b/src/app/(dashboard)/calendar/components/calendar-client.tsx deleted file mode 100644 index 0fb01ab..0000000 --- a/src/app/(dashboard)/calendar/components/calendar-client.tsx +++ /dev/null @@ -1,259 +0,0 @@ -"use client"; - -import { useMemo, useState, useTransition } from "react"; -import { ChevronLeft, ChevronRight, Loader2, Plus, Trash2 } from "lucide-react"; -import { toast } from "sonner"; - -import { Button } from "@/components/ui/button"; -import { Card, CardContent } from "@/components/ui/card"; -import { - Dialog, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle, -} from "@/components/ui/dialog"; -import { deleteCalendarEventAction } from "@/lib/appwrite/calendar-actions"; -import { cn } from "@/lib/utils"; - -import { EventFormSheet } from "./event-form-sheet"; -import { COLOR_BG, type Customer, type EventRow } from "./types"; - -type Props = { - events: EventRow[]; - customers: Customer[]; -}; - -const WEEKDAYS = ["Pzt", "Sal", "Çar", "Per", "Cum", "Cmt", "Paz"]; -const MONTH_NAMES = [ - "Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", - "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık", -]; - -function startOfMonthGrid(year: number, month: number): Date { - // Monday-first grid; first cell is the Monday on/before the 1st - const first = new Date(year, month, 1); - const dayIdx = (first.getDay() + 6) % 7; // 0 = Mon - return new Date(year, month, 1 - dayIdx); -} - -function ymd(d: Date): string { - const pad = (n: number) => String(n).padStart(2, "0"); - return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`; -} - -export function CalendarClient({ events, customers }: Props) { - const today = new Date(); - const [cursor, setCursor] = useState(new Date(today.getFullYear(), today.getMonth(), 1)); - const [formOpen, setFormOpen] = useState(false); - const [editing, setEditing] = useState(null); - const [defaultDate, setDefaultDate] = useState(); - const [deleting, setDeleting] = useState(null); - const [busy, startTransition] = useTransition(); - - const eventsByDay = useMemo(() => { - const map = new Map(); - for (const e of events) { - const start = new Date(e.start); - const end = new Date(e.end); - const cur = new Date(start.getFullYear(), start.getMonth(), start.getDate()); - const last = new Date(end.getFullYear(), end.getMonth(), end.getDate()); - while (cur.getTime() <= last.getTime()) { - const key = ymd(cur); - const arr = map.get(key) ?? []; - arr.push(e); - map.set(key, arr); - cur.setDate(cur.getDate() + 1); - } - } - return map; - }, [events]); - - const grid = useMemo(() => { - const start = startOfMonthGrid(cursor.getFullYear(), cursor.getMonth()); - const days: Date[] = []; - for (let i = 0; i < 42; i++) { - const d = new Date(start); - d.setDate(start.getDate() + i); - days.push(d); - } - return days; - }, [cursor]); - - const handlePrev = () => setCursor(new Date(cursor.getFullYear(), cursor.getMonth() - 1, 1)); - const handleNext = () => setCursor(new Date(cursor.getFullYear(), cursor.getMonth() + 1, 1)); - const handleToday = () => setCursor(new Date(today.getFullYear(), today.getMonth(), 1)); - - const handleAddOnDay = (date: Date) => { - setEditing(null); - setDefaultDate(ymd(date)); - setFormOpen(true); - }; - - const handleAddNew = () => { - setEditing(null); - setDefaultDate(ymd(today)); - setFormOpen(true); - }; - - const handleEdit = (event: EventRow) => { - setEditing(event); - setDefaultDate(undefined); - setFormOpen(true); - }; - - const handleDelete = () => { - if (!deleting) return; - startTransition(async () => { - const fd = new FormData(); - fd.set("id", deleting.id); - const result = await deleteCalendarEventAction(fd); - if (result.ok) { - toast.success("Etkinlik silindi."); - setDeleting(null); - } else { - toast.error(result.error ?? "Silme başarısız."); - } - }); - }; - - const todayKey = ymd(today); - - return ( - - -
-
- -

- {MONTH_NAMES[cursor.getMonth()]} {cursor.getFullYear()} -

- - -
- -
- -
- {WEEKDAYS.map((wd) => ( -
- {wd} -
- ))} - {grid.map((d) => { - const inMonth = d.getMonth() === cursor.getMonth(); - const key = ymd(d); - const isToday = key === todayKey; - const dayEvents = eventsByDay.get(key) ?? []; - return ( -
-
- - {d.getDate()} - - -
-
- {dayEvents.slice(0, 3).map((e) => ( - - ))} - {dayEvents.length > 3 && ( - - +{dayEvents.length - 3} daha - - )} -
-
- ); - })} -
- - - { - setFormOpen(v); - if (!v) setEditing(null); - }} - event={editing} - defaultDate={defaultDate} - customers={customers} - onRequestDelete={(e) => { - setFormOpen(false); - setDeleting(e); - }} - /> - - !v && setDeleting(null)}> - - - Etkinliği sil - - {deleting?.title} kalıcı olarak silinecek. - - - - - - - - - - ); -} diff --git a/src/app/(dashboard)/calendar/components/event-form-sheet.tsx b/src/app/(dashboard)/calendar/components/event-form-sheet.tsx deleted file mode 100644 index 9186d41..0000000 --- a/src/app/(dashboard)/calendar/components/event-form-sheet.tsx +++ /dev/null @@ -1,274 +0,0 @@ -"use client"; - -import { useActionState, useEffect, useState } from "react"; -import { Loader2, Save, Trash2 } from "lucide-react"; -import { toast } from "sonner"; - -import { Button } from "@/components/ui/button"; -import { Input } from "@/components/ui/input"; -import { Label } from "@/components/ui/label"; -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/components/ui/select"; -import { - Sheet, - SheetContent, - SheetDescription, - SheetFooter, - SheetHeader, - SheetTitle, -} from "@/components/ui/sheet"; -import { Switch } from "@/components/ui/switch"; -import { Textarea } from "@/components/ui/textarea"; -import { - createCalendarEventAction, - updateCalendarEventAction, -} from "@/lib/appwrite/calendar-actions"; -import { initialCalendarState } from "@/lib/appwrite/calendar-types"; -import { cn } from "@/lib/utils"; - -import { COLOR_PRESETS, type Customer, type EventRow } from "./types"; - -const NONE = "__none__"; - -type Props = { - open: boolean; - onOpenChange: (v: boolean) => void; - event?: EventRow | null; - defaultDate?: string; // YYYY-MM-DD for new events - customers: Customer[]; - onRequestDelete?: (event: EventRow) => void; -}; - -function isoToInput(iso: string, allDay: boolean): string { - if (!iso) return ""; - if (allDay) return iso.slice(0, 10); - const d = new Date(iso); - const pad = (n: number) => String(n).padStart(2, "0"); - return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`; -} - -export function EventFormSheet({ - open, - onOpenChange, - event, - defaultDate, - customers, - onRequestDelete, -}: Props) { - const isEdit = Boolean(event); - const action = isEdit ? updateCalendarEventAction : createCalendarEventAction; - const [state, formAction, isPending] = useActionState(action, initialCalendarState); - const [allDay, setAllDay] = useState(event?.allDay ?? false); - - useEffect(() => { - setAllDay(event?.allDay ?? false); - }, [event]); - - useEffect(() => { - if (state.ok) { - toast.success(isEdit ? "Etkinlik güncellendi." : "Etkinlik eklendi."); - onOpenChange(false); - } else if (state.error) { - toast.error(state.error); - } - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [state]); - - const startDefault = - event?.start - ? isoToInput(event.start, allDay) - : defaultDate - ? allDay - ? defaultDate - : `${defaultDate}T09:00` - : ""; - const endDefault = - event?.end - ? isoToInput(event.end, allDay) - : defaultDate - ? allDay - ? defaultDate - : `${defaultDate}T10:00` - : ""; - - return ( - - - - {isEdit ? "Etkinliği düzenle" : "Yeni etkinlik"} - - Tarih, saat ve müşteri bilgileri ile bir takvim girdisi oluşturun. - - - -
{ - ["customerId", "color"].forEach((k) => { - if (fd.get(k) === NONE) fd.set(k, ""); - }); - formAction(fd); - }} - className="flex flex-1 flex-col" - > - {isEdit && event && } - -
-
- - - {state.fieldErrors?.title && ( -

{state.fieldErrors.title}

- )} -
- -
-
- -

Saat girmeden gün boyu sürecek.

-
- -
- -
-
- - - {state.fieldErrors?.start && ( -

{state.fieldErrors.start}

- )} -
-
- - - {state.fieldErrors?.end && ( -

{state.fieldErrors.end}

- )} -
-
- -
- - -
- -
- - -
- -
- -