Merge branch 'main' of https://gitea.rannes.dev/christian/wine-shop
All checks were successful
Vercel Production Deployment / Deploy-Production (push) Successful in 1m46s
All checks were successful
Vercel Production Deployment / Deploy-Production (push) Successful in 1m46s
This commit is contained in:
commit
b2d31d96ab
@ -1,7 +1,6 @@
|
|||||||
import { type Config } from "drizzle-kit";
|
import { type Config } from "drizzle-kit";
|
||||||
import "./src/server/db/envConfig"
|
import "./src/server/db/envConfig"
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
schema: "./src/server/db/schema.ts",
|
schema: "./src/server/db/schema.ts",
|
||||||
dialect: "postgresql",
|
dialect: "postgresql",
|
||||||
|
@ -1,26 +1,56 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
import { ChangeEvent, FormEvent, useEffect, useState } from "react";
|
||||||
|
import { addWine } from "../server/actions/addWine";
|
||||||
|
import { getProducers } from "../server/actions/allProducers";
|
||||||
|
|
||||||
import { FormEvent } from "react";
|
interface Producer {
|
||||||
import { useFormState } from "react-dom";
|
id: string;
|
||||||
import { allProducers, insertWine } from "~/server/db";
|
name: string;
|
||||||
|
createdAt: Date;
|
||||||
|
country: string;
|
||||||
|
region: string;
|
||||||
|
email: string;
|
||||||
|
}
|
||||||
|
|
||||||
const initialState = {
|
export default function CreateWine() {
|
||||||
message: null,
|
const [name, setName] = useState("");
|
||||||
};
|
const [producer, setProducer] = useState("");
|
||||||
|
const [allProducers, setAllProducers] = useState<Producer[]>([]);
|
||||||
|
|
||||||
export default function CreateWineForm() {
|
useEffect(() => {
|
||||||
const [state, formAction] = useFormState(insertWine, { message: "" });
|
const fetchProducers = async () => {
|
||||||
|
try {
|
||||||
|
const producers = await getProducers();
|
||||||
|
setAllProducers(producers);
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to fetch producers:", error);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
fetchProducers();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const handleName = (event: ChangeEvent<HTMLInputElement>) => {
|
||||||
|
setName(event.target.value);
|
||||||
|
};
|
||||||
|
const handleProducer = (event: ChangeEvent<HTMLSelectElement>) => {
|
||||||
|
setProducer(event.target.value);
|
||||||
|
};
|
||||||
|
const handleAdd = async (event: FormEvent) => {
|
||||||
|
event.preventDefault();
|
||||||
|
addWine(producer, name);
|
||||||
|
setName("");
|
||||||
|
};
|
||||||
return (
|
return (
|
||||||
<form action={}>
|
<div>
|
||||||
<select name="producer" id="producer">
|
<input type="text" onChange={handleName} value={name} />
|
||||||
{allProducers.map((producer) => (
|
<select name="producer" onSelect={handleProducer}>
|
||||||
<option key={producer.id} value={producer.id}>
|
{allProducers.map((item) => (
|
||||||
{producer.name}
|
<option key={item.id} value={item.id}>
|
||||||
|
{item.name}
|
||||||
</option>
|
</option>
|
||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
<input type="text" name="name" id="name" />
|
<button onClick={handleAdd}>Submit wine</button>
|
||||||
<input type="datetime-local" name="createdAt" id="createdAt" />
|
</div>
|
||||||
</form>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,9 +1,11 @@
|
|||||||
import { FormEvent } from "react";
|
import { getProducers } from "~/server/actions/allProducers";
|
||||||
import { allWines, insertWine, allProducers } from "~/server/db";
|
import { getWines } from "../server/actions/allWines";
|
||||||
import CreateWine from "./CreateWine";
|
import CreateWine from "./CreateWine";
|
||||||
|
|
||||||
export const dynamic = "force-dynamic";
|
export const dynamic = "force-dynamic";
|
||||||
|
|
||||||
|
const allWines = await getWines();
|
||||||
|
const allProducers = await getProducers();
|
||||||
|
|
||||||
function WineCards() {
|
function WineCards() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
@ -21,7 +23,7 @@ export default async function HomePage() {
|
|||||||
<main className="">
|
<main className="">
|
||||||
<div className="container ">
|
<div className="container ">
|
||||||
<h1>Yes hello</h1>
|
<h1>Yes hello</h1>
|
||||||
{/* <CreateWine /> */}
|
<CreateWine />
|
||||||
<WineCards />
|
<WineCards />
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
11
src/server/actions/addWine.ts
Normal file
11
src/server/actions/addWine.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
'use server'
|
||||||
|
import { db } from '../db/index'
|
||||||
|
import { wines } from '../db/schema'
|
||||||
|
|
||||||
|
export const addWine = async (producer: string, name: string) => {
|
||||||
|
await db.insert(wines).values({
|
||||||
|
producer: producer,
|
||||||
|
name: name,
|
||||||
|
})
|
||||||
|
.returning();
|
||||||
|
};
|
7
src/server/actions/allProducers.ts
Normal file
7
src/server/actions/allProducers.ts
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
'use server'
|
||||||
|
import { db } from "../db/index";
|
||||||
|
|
||||||
|
|
||||||
|
export async function getProducers(){
|
||||||
|
return db.query.producers.findMany();
|
||||||
|
}
|
7
src/server/actions/allWines.ts
Normal file
7
src/server/actions/allWines.ts
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
'use server'
|
||||||
|
import { db } from "../db/index";
|
||||||
|
|
||||||
|
|
||||||
|
export async function getWines(){
|
||||||
|
return db.query.wines.findMany();
|
||||||
|
}
|
@ -4,25 +4,3 @@ import { sql } from '@vercel/postgres';
|
|||||||
import * as schema from './schema';
|
import * as schema from './schema';
|
||||||
|
|
||||||
export const db = drizzle(sql, { schema });
|
export const db = drizzle(sql, { schema });
|
||||||
|
|
||||||
export const allWines = await db.query.wines.findMany();
|
|
||||||
|
|
||||||
type NewWine = {
|
|
||||||
name: string;
|
|
||||||
producer: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Wine = {
|
|
||||||
id: string;
|
|
||||||
name: string;
|
|
||||||
producer: string;
|
|
||||||
createdAt: Date;
|
|
||||||
updatedAt: Date | null;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
export const insertWine = async (wine: NewWine) => {
|
|
||||||
return db.insert(schema.wines).values(wine);
|
|
||||||
}
|
|
||||||
|
|
||||||
export const allProducers = await db.query.producers.findMany();
|
|
||||||
|
@ -1,5 +1,3 @@
|
|||||||
import { drizzle } from 'drizzle-orm/vercel-postgres';
|
|
||||||
import { sql } from "@vercel/postgres";
|
|
||||||
import {
|
import {
|
||||||
pgTableCreator,
|
pgTableCreator,
|
||||||
text,
|
text,
|
||||||
|
Loading…
Reference in New Issue
Block a user