(박서영)이메일발신인조회페이지 생성

4 files changed, 212 insertions, 0 deletions

diff --git a/lib/email-log/service.ts b/lib/email-log/service.ts
new file mode 100644
index 00000000..7eea6869
--- /dev/null
+++ b/lib/email-log/service.ts
@@ -0,0 +1,68 @@
+"use server";
+
+import db from "@/db/db";
+import { emailLogs } from "@/db/schema/emailLogs";
+import { and, asc, count, desc, ilike, or } from "drizzle-orm";
+import { type GetEmailLogSchema } from "./validations";
+import { getValidFilters } from "@/lib/data-table";
+
+export async function getEmailLogList(input: GetEmailLogSchema) {
+  const offset = (input.page - 1) * input.perPage;
+
+  const advancedWhere = getValidFilters(input.filters) // placeholder for future advanced filter handling
+
+  let globalWhere;
+  if (input.search) {
+    const s = `%${input.search}%`;
+    globalWhere = or(
+      ilike(emailLogs.from, s),
+      ilike(emailLogs.to, s),
+      ilike(emailLogs.cc, s),
+      ilike(emailLogs.subject, s),
+    );
+  }
+
+  const conditions = [] as any[];
+  if (advancedWhere && (advancedWhere as any).length !== 0) conditions.push(advancedWhere);
+  if (globalWhere) conditions.push(globalWhere);
+
+  let where: any;
+  if (conditions.length > 0) {
+    where = conditions.length > 1 ? and(...conditions) : conditions[0];
+  }
+
+  let orderBy;
+  try {
+    orderBy = input.sort.length > 0
+      ? input.sort
+          .map((item) => {
+            if (!item || !item.id || typeof item.id !== "string" || !(item.id in emailLogs)) return null;
+            const col = emailLogs[item.id as keyof typeof emailLogs];
+            return item.desc ? desc(col as any) : asc(col as any);
+          })
+          .filter((v): v is Exclude<typeof v, null> => v !== null)
+      : [desc(emailLogs.createdAt)];
+  } catch {
+    orderBy = [desc(emailLogs.createdAt)];
+  }
+
+  const data = await db
+    .select()
+    .from(emailLogs)
+    .where(where)
+    .orderBy(...orderBy as any)
+    .limit(input.perPage)
+    .offset(offset);
+
+  const totalResult = await db
+    .select({ count: count() })
+    .from(emailLogs)
+    .where(where);
+
+  const total = totalResult[0]?.count ?? 0;
+  const pageCount = Math.ceil(total / input.perPage);
+
+  return { data, pageCount };
+}
+
+
diff --git a/lib/email-log/table/email-log-table-columns.tsx b/lib/email-log/table/email-log-table-columns.tsx
new file mode 100644
index 00000000..68f2795f
--- /dev/null
+++ b/lib/email-log/table/email-log-table-columns.tsx
@@ -0,0 +1,61 @@
+"use client"
+
+import * as React from "react"
+import { type ColumnDef } from "@tanstack/react-table"
+import { type InferSelectModel } from "drizzle-orm"
+import { emailLogs } from "@/db/schema/emailLogs"
+
+export function getColumns<T extends InferSelectModel<typeof emailLogs>>(): ColumnDef<T>[] {
+  return [
+   {
+      id: "subject",
+      header: () => <div className="text-left">Subject</div>,
+      accessorKey: "subject",
+      cell: ({ row }) => (
+        <div className="whitespace-pre-wrap break-all">{String(row.original.subject ?? "")}</div>
+      ),
+      size: 360,
+    },
+    {
+      id: "from",
+      header: () => <div className="text-left">From</div>,
+      accessorKey: "from",
+      cell: ({ row }) => (
+        <div className="whitespace-pre-wrap break-all">{String(row.original.from ?? "")}</div>
+      ),
+      size: 220,
+    },
+    {
+      id: "to",
+      header: () => <div className="text-left">To</div>,
+      accessorKey: "to",
+      cell: ({ row }) => (
+        <div className="whitespace-pre-wrap break-all">{String(row.original.to ?? "")}</div>
+      ),
+      size: 220,
+    },
+    {
+      id: "cc",
+      header: () => <div className="text-left">CC</div>,
+      accessorKey: "cc",
+      cell: ({ row }) => (
+        <div className="whitespace-pre-wrap break-all">{String(row.original.cc ?? "")}</div>
+      ),
+      size: 220,
+    },
+     {
+      id: "createdAt",
+      header: () => <div className="text-left">Created At</div>,
+      accessorKey: "createdAt",
+      cell: ({ row }) => (
+        <div className="whitespace-nowrap">
+          {new Date(row.original.createdAt as unknown as string).toLocaleString()}
+        </div>
+      ),
+      size: 180,
+    },
+   
+  ]
+}
+
+
diff --git a/lib/email-log/table/email-log-table.tsx b/lib/email-log/table/email-log-table.tsx
new file mode 100644
index 00000000..db627af5
--- /dev/null
+++ b/lib/email-log/table/email-log-table.tsx
@@ -0,0 +1,65 @@
+"use client"
+
+import * as React from "react"
+import type {
+  DataTableAdvancedFilterField,
+  DataTableFilterField,
+} from "@/types/table"
+
+import { useDataTable } from "@/hooks/use-data-table"
+import { DataTable } from "@/components/data-table/data-table"
+import { DataTableAdvancedToolbar } from "@/components/data-table/data-table-advanced-toolbar"
+import { getColumns } from "./email-log-table-columns"
+import { getEmailLogList } from "../service"
+import { type InferSelectModel } from "drizzle-orm"
+import { emailLogs } from "@/db/schema/emailLogs"
+
+interface EmailLogTableProps {
+  promises: Promise<[
+    Awaited<ReturnType<typeof getEmailLogList>>,
+  ]>
+}
+
+export function EmailLogTable({ promises }: EmailLogTableProps) {
+  const [{ data, pageCount }] = React.use(promises)
+
+  type EmailLog = InferSelectModel<typeof emailLogs>
+
+  const columns = React.useMemo(() => getColumns<EmailLog>(), [])
+
+  const filterFields: DataTableFilterField<EmailLog>[] = []
+
+  const advancedFilterFields: DataTableAdvancedFilterField<EmailLog>[] = [
+    { id: "from", label: "From", type: "text" },
+    { id: "to", label: "To", type: "text" },
+    { id: "subject", label: "Subject", type: "text" },
+    { id: "createdAt", label: "발송시간", type: "date" },
+  ]
+
+  const { table } = useDataTable({
+    data,
+    columns,
+    pageCount,
+    filterFields,
+    enablePinning: true,
+    enableAdvancedFilter: true,
+    initialState: {
+      sorting: [{ id: "createdAt", desc: true }],
+    },
+    getRowId: (row) => String(row.id),
+    shallow: false,
+    clearOnDefault: true,
+  })
+
+  return (
+    <DataTable table={table}>
+      <DataTableAdvancedToolbar
+        table={table}
+        filterFields={advancedFilterFields}
+        shallow={false}
+      />
+    </DataTable>
+  )
+}
+
+
diff --git a/lib/email-log/validations.ts b/lib/email-log/validations.ts
new file mode 100644
index 00000000..5554a0aa
--- /dev/null
+++ b/lib/email-log/validations.ts
@@ -0,0 +1,18 @@
+import { createSearchParamsCache, parseAsArrayOf, parseAsInteger, parseAsString, parseAsStringEnum } from "nuqs/server";
+import * as z from "zod";
+import { getFiltersStateParser, getSortingStateParser } from "@/lib/parsers";
+import { emailLogs } from "@/db/schema/emailLogs";
+
+export const SearchParamsEmailLogCache = createSearchParamsCache({
+  flags: parseAsArrayOf(z.enum(["advancedTable", "floatingBar"])) .withDefault([]),
+  page: parseAsInteger.withDefault(1),
+  perPage: parseAsInteger.withDefault(10),
+  sort: getSortingStateParser<typeof emailLogs>().withDefault([{ id: "createdAt", desc: true }]),
+  filters: getFiltersStateParser().withDefault([]),
+  joinOperator: parseAsStringEnum(["and", "or"]).withDefault("and"),
+  search: parseAsString.withDefault(""),
+});
+
+export type GetEmailLogSchema = Awaited<ReturnType<typeof SearchParamsEmailLogCache.parse>>;
+
+