From dcd37330c9b1c0b1de0a484f57b0ad226de9f059 Mon Sep 17 00:00:00 2001
From: Ricardo Castro <soyricardodev@proton.me>
Date: Sat, 29 Jun 2024 16:19:44 +0200
Subject: [PATCH] feat: add simple send gift

---
 .../app/components/gift/simple-send-gift.tsx  | 24 +++++++++++++++++--
 apps/gifting-concierge/src/app/send/page.tsx  |  9 +++++--
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/apps/gifting-concierge/src/app/components/gift/simple-send-gift.tsx b/apps/gifting-concierge/src/app/components/gift/simple-send-gift.tsx
index 4428e913..bf22d29c 100644
--- a/apps/gifting-concierge/src/app/components/gift/simple-send-gift.tsx
+++ b/apps/gifting-concierge/src/app/components/gift/simple-send-gift.tsx
@@ -21,6 +21,14 @@ import {
 import { Button } from "@theliaison/ui/button";
 
 export function SimpleSendGift() {
+	const [recipientName, setRecipientName] = useState("");
+	const [contactInfo, setContactInfo] = useState("");
+
+	function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+		e.preventDefault();
+		console.log("submit");
+	}
+
 	return (
 		<Card className="mx-auto max-w-md">
 			<CardHeader>
@@ -33,7 +41,13 @@ export function SimpleSendGift() {
 				<form className="space-y-4">
 					<div className="grid gap-2">
 						<Label htmlFor="recipient-name">Recipient's Name</Label>
-						<Input id="recipient-name" placeholder="Enter recipient's name" />
+						<Input
+							id="recipient-name"
+							placeholder="Enter recipient's name"
+							name="recipient-name"
+							value={recipientName}
+							onChange={(e) => setRecipientName(e.target.value)}
+						/>
 					</div>
 					<div className="grid gap-2">
 						<Label htmlFor="contact-method">Contact Method</Label>
@@ -104,7 +118,13 @@ export function SimpleSendGift() {
 								maxLength={15}
 							/>
 						</div> */}
-						<Input id="contact-info" placeholder="recipient@email.com" />
+						<Input
+							id="contact-info"
+							placeholder="recipient@email.com"
+							name="contact-info"
+							value={contactInfo}
+							onChange={(e) => setContactInfo(e.target.value)}
+						/>
 					</div>
 					<Button type="submit" className="w-full">
 						Send Gift
diff --git a/apps/gifting-concierge/src/app/send/page.tsx b/apps/gifting-concierge/src/app/send/page.tsx
index faa680a4..d24239e4 100644
--- a/apps/gifting-concierge/src/app/send/page.tsx
+++ b/apps/gifting-concierge/src/app/send/page.tsx
@@ -1,9 +1,14 @@
+import { Header } from "~/components/header";
 import { SimpleSendGift } from "../components/gift/simple-send-gift";
 
 export default function SendPage() {
 	return (
-		<div className="w-full mx-auto my-12">
-			<SimpleSendGift />
+		<div className="w-full mx-auto max-w-screen-2xl px-12">
+			<Header />
+
+			<main className="py-20">
+				<SimpleSendGift />
+			</main>
 		</div>
 	);
 }