feat: add coffee overview

marcelblijleven · Oct 1, 2023 · 13dad12 · 13dad12
1 parent 342d0c5
commit 13dad12
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 9 deletions.
diff --git a/src/app/coffee/components/data-table/columns.tsx b/src/app/coffee/components/data-table/columns.tsx
@@ -27,20 +27,26 @@ export const columns: ColumnDef<Coffee>[] = [
     {
         accessorKey: "name",
         cell: ({row}) => (
-            <Link
-                className={"hover:underline"}
-                href={`/coffee/${row.getValue("publicId")}`}>{row.getValue("name")}
-            </Link>
+IE                <Link
+                    className={"w-[200px] inline-block whitespace-nowrap truncate overflow-ellipsis hover:underline"}
+                    href={`/coffee/${row.getValue("publicId")}`}>{row.getValue("name")}
+                </Link>
         ),
         header: "Name",
     },
     {
         accessorKey: "roastDate",
         header: "Roast date",
+        cell: ({row}) => (
+            <div className={"w-[90px]"}>{row.getValue("roastDate")}</div>
+        )
     },
     {
         accessorKey: "buyDate",
         header: "Buy date",
+        cell: ({row, cell}) => (
+            <div className={"w-[90px]"}>{row.getValue("buyDate")}</div>
+        )
     },
     {
         accessorKey: "weight",
@@ -55,10 +61,16 @@ export const columns: ColumnDef<Coffee>[] = [
             row.roaster.name
         ),
         header: "Roaster",
+        cell: ({row}) => (
+            <div className={"w-[200px] whitespace-nowrap truncate overflow-ellipsis"}>{row.getValue("Roaster")}</div>
+        )
     },
     {
         accessorFn: (row) => row.varieties.map(variety => variety.name).join(", "),
         header: "Varieties",
+        cell: ({row}) => (
+            <div className={"w-[100px] whitespace-nowrap truncate overflow-ellipsis"}>{row.getValue("Varieties")}</div>
+        )
     },
     {
         accessorFn: (row) => row.isArchived ? "Yes" : "No",

diff --git a/src/app/coffee/components/data-table/index.tsx b/src/app/coffee/components/data-table/index.tsx
@@ -22,10 +22,7 @@ interface DataTableProps<TData, TValue> {
     data: TData[],
 }
 
-export function DataTable<TData, TValue>({
-                                             columns,
-                                             data,
-                                         }: DataTableProps<TData, TValue>) {
+export function DataTable<TData, TValue>({columns, data}: DataTableProps<TData, TValue>) {
     const table = useReactTable({
         data,
         columns,

diff --git a/src/app/coffee/page.tsx b/src/app/coffee/page.tsx
@@ -4,7 +4,7 @@ import {User} from "@clerk/nextjs/api";
 import {currentUser} from "@clerk/nextjs";
 import {db} from "@/db";
 import {beans} from "@/db/schema";
-import {eq} from "drizzle-orm";
+import {and, eq} from "drizzle-orm";
 import {DataTable} from "@/app/coffee/components/data-table";
 import Link from "next/link";
 import {cn} from "@/lib/utils";