From 87184c431d38b80969ae5fbfcbfb52977bb8dac3 Mon Sep 17 00:00:00 2001 From: Martin Berg Alstad Date: Wed, 9 Oct 2024 20:33:18 +0200 Subject: [PATCH] Fix form on contact-me page. Fix wrong link to source code. Eager loading of image on landing page. Signed-off-by: Martin Berg Alstad --- astro.config.mjs | 3 ++- messages/en.json | 7 ++++- messages/nb.json | 7 ++++- package.json | 3 ++- src/components/ContactMeForm.astro | 42 ++++++++---------------------- src/components/Footer.astro | 3 ++- src/components/Greeting.astro | 2 +- src/layouts/Layout.astro | 40 ++++++++++++++-------------- src/pages/contact-me.astro | 10 +++---- src/pages/en/contact-me.astro | 8 +++++- 10 files changed, 61 insertions(+), 64 deletions(-) diff --git a/astro.config.mjs b/astro.config.mjs index 29343ea..805ab47 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -6,7 +6,7 @@ import { loadEnv } from "vite" import mdx from "@astrojs/mdx" import svelte from "@astrojs/svelte" -import icon from "astro-icon"; +import icon from "astro-icon" const { url } = process.env.URL ? loadEnv(process.env.URL, process.cwd(), "") @@ -15,6 +15,7 @@ const { url } = process.env.URL // https://astro.build/config export default defineConfig({ site: url, + // output: "server", TODO server | also required for i18n i18n: { defaultLocale: "nb", locales: ["nb", "en"] diff --git a/messages/en.json b/messages/en.json index 3617cc4..f0c9ee4 100644 --- a/messages/en.json +++ b/messages/en.json @@ -13,5 +13,10 @@ "createdAt": "Created at", "updatedAt": "Updated at", "forPersonalProjects": "For personal projects", - "status": "Status" + "status": "Status", + "name": "Name", + "subject": "Subject", + "email": "Email", + "message": "Message", + "send": "Send" } diff --git a/messages/nb.json b/messages/nb.json index e60ee1c..86ac2d9 100644 --- a/messages/nb.json +++ b/messages/nb.json @@ -13,5 +13,10 @@ "createdAt": "Opprettet", "updatedAt": "Oppdatert", "forPersonalProjects": "For personlige prosjekter", - "status": "Status" + "status": "Status", + "name": "Navn", + "subject": "Emne", + "email": "E-post", + "message": "Melding", + "send": "Send" } diff --git a/package.json b/package.json index 7a38bca..a730a50 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,8 @@ "preview": "astro preview", "astro": "astro", "postinstall": "paraglide-js compile --project ./project.inlang --outdir ./src/paraglide", - "format": "prettier --write \"./src/**/*.{js,mjs,ts,astro,svelte,css,md,json}\"" + "format": "prettier --write \"./src/**/*.{js,mjs,ts,astro,svelte,css,md,json}\"", + "watch-translations": "paraglide-js compile --watch --project ./project.inlang --outdir ./src/paraglide" }, "dependencies": { "@astrojs/check": "^0.9.3", diff --git a/src/components/ContactMeForm.astro b/src/components/ContactMeForm.astro index b563635..84f0970 100644 --- a/src/components/ContactMeForm.astro +++ b/src/components/ContactMeForm.astro @@ -1,37 +1,17 @@ --- -// TODO form +import Input from "@/components/Input.astro" +import * as m from "@/paraglide/messages.js" // TODO self-host email server -import "../styles/global.css" -import Input from "../components/Input.astro" -import * as console from "node:console" - -if (Astro.request.method === "POST") { - try { - const data = await Astro.request.formData() - const name = data.get("name") - const subject = data.get("subject") - const email = data.get("email") - const message = data.get("message") - // TODO Do something with the data - console.info({ name, subject, email, message }) - } catch (error) { - if (error instanceof Error) { - console.error(error.message) - } - } -} --- -
In development
- -
- - - -