Merge pull request #1 from ft4bhi/main

data entry

Author: shadil-rayyan

drizzle.config.ts

@@ -2,15 +2,16 @@ import type { Config } from "drizzle-kit";
 import * as dotenv from "dotenv";
 import { resolve } from "path";
 
-// 🔥 Explicitly load .env.local
+// Load your env file explicitly
 dotenv.config({ path: resolve(__dirname, ".env.local") });
 
 export default {
-  schema: "./src/lib/db/schema.ts",        // adjust if you use a different path
+  schema: "./src/lib/db/schema.ts",
   out: "./drizzle/migrations",
-  dialect: "postgresql",
+  dialect: "postgresql", // 👈 REQUIRED and must be a literal
   dbCredentials: {
-    url: process.env.DATABASE_URL!,
+    url: process.env.DATABASE_URL!, // 👈 Make sure this exists
   },
   strict: true,
+  schemaFilter: ["public"], // optional, just to scope schema
 } satisfies Config;

drizzle/migrations/0000_puzzling_sally_floyd.sql renamed to drizzle/migrations/0000_ordinary_doctor_faustus.sql

@@ -6,7 +6,7 @@ CREATE TABLE "events" (
 	"venue" varchar(255) NOT NULL,
 	"date" timestamp NOT NULL,
 	"time" varchar(50),
-	"image" varchar(500) NOT NULL,
+	"image" "bytea",
 	"created_at" timestamp DEFAULT now() NOT NULL,
 	"updated_at" timestamp DEFAULT now() NOT NULL,
 	CONSTRAINT "events_slug_unique" UNIQUE("slug")

drizzle/migrations/meta/0000_snapshot.json

@@ -1,5 +1,5 @@
 {
-  "id": "a0ee70f6-983a-423a-b947-b21e3ef07c49",
+  "id": "4518ee12-206e-490c-ade5-179ba41f07e6",
   "prevId": "00000000-0000-0000-0000-000000000000",
   "version": "7",
   "dialect": "postgresql",
@@ -53,9 +53,9 @@
         },
         "image": {
           "name": "image",
-          "type": "varchar(500)",
+          "type": "bytea",
           "primaryKey": false,
-          "notNull": true
+          "notNull": false
         },
         "created_at": {
           "name": "created_at",

drizzle/migrations/meta/_journal.json

@@ -5,8 +5,8 @@
     {
       "idx": 0,
       "version": "7",
-      "when": 1756925082563,
-      "tag": "0000_puzzling_sally_floyd",
+      "when": 1758033961329,
+      "tag": "0000_ordinary_doctor_faustus",
       "breakpoints": true
     }
   ]

package-lock.json

@@ -23,6 +23,7 @@
     "Docker-run": "docker run -p 3000:3000 nextjs_tempalate"
   },
   "dependencies": {
+    "@neondatabase/serverless": "^1.0.1",
     "date-fns": "^4.1.0",
     "dotenv": "^17.2.2",
     "drizzle-kit": "^0.31.4",

package.json

@@ -3,6 +3,16 @@ import { db } from "@/lib/db";
 import { events } from "@/lib/db/schema";
 import { eq } from "drizzle-orm";
 
+
+// GET one event
+export async function GET(_: Request, { params }: { params: { id: string } }) {
+  const result = await db.select().from(events).where(eq(events.id, params.id));
+  if (!result[0]) {
+    return NextResponse.json({ error: "Not found" }, { status: 404 });
+  }
+  return NextResponse.json(result[0]);
+}
+
 // Update event
 export async function PUT(req: Request, { params }: { params: { id: string } }) {
   const data = await req.json();

src/app/api/events/[id]/route.ts

@@ -1,6 +1,5 @@
 import { db } from "@/lib/db";
 import { events } from "@/lib/db/schema";
-import { eq } from "drizzle-orm";
 import { NextResponse } from "next/server";
 
 export async function GET() {
@@ -9,8 +8,37 @@ export async function GET() {
 }
 
 export async function POST(req: Request) {
-  const data = await req.json();
-  const slug = data.title.toLowerCase().replace(/\s+/g, "-");
-  const created = await db.insert(events).values({ ...data, slug }).returning();
+  const formData = await req.formData();
+
+  const title = formData.get("title") as string;
+  const description = formData.get("description") as string;
+  const venue = formData.get("venue") as string;
+  const date = formData.get("date") as string;
+  const time = formData.get("time") as string | null;
+
+  // image may or may not exist
+  const imageFile = formData.get("image") as File | null;
+  let imageBuffer: Buffer | null = null;
+
+  if (imageFile) {
+    const arrayBuffer = await imageFile.arrayBuffer();
+    imageBuffer = Buffer.from(arrayBuffer);
+  }
+
+  const slug = title.toLowerCase().replace(/\s+/g, "-");
+
+  const created = await db
+    .insert(events)
+    .values({
+      slug,
+      title,
+      description,
+      venue,
+      date: new Date(date), // timestamp
+      time: time ?? null,
+      image: imageBuffer, // store blob
+    })
+    .returning();
+
   return NextResponse.json(created[0], { status: 201 });
 }

src/app/api/events/route.ts

@@ -1,3 +1,4 @@
+// New Event Page - src/app/events/[id]/edit/page.tsx
 "use client";
 
 import { useState } from "react";

src/app/events/[id]/edit/page.tsx

@@ -0,0 +1,39 @@
+import { notFound } from "next/navigation";
+
+export default async function EventDetailPage({
+  params,
+}: {
+  params: { id: string };
+}) {
+  const { id } = params;
+
+  const baseUrl =
+    process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000";
+
+  const res = await fetch(`${baseUrl}/api/events/${id}`, {
+    cache: "no-store",
+  });
+
+  if (!res.ok) return notFound();
+
+  const event = await res.json();
+
+  return (
+    <div className="max-w-2xl mx-auto p-6 space-y-4">
+      <h1 className="text-3xl font-bold">{event.title}</h1>
+      <p className="text-gray-600">{event.venue}</p>
+      <p className="text-gray-500">
+        {new Date(event.date).toLocaleDateString()} at {event.time}
+      </p>
+      {event.image && (
+        <img
+          src={event.image}
+          alt={event.title}
+          className="w-full rounded-lg shadow"
+        />
+      )}
+      <p className="mt-4 whitespace-pre-line">{event.description}</p>
+    </div>
+  );
+}
+