ImAlpha/kevos-attire
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update text colors

Browse Source
This commit is contained in:
Jacob Delgado 2024-10-19 18:27:46 -07:00
parent dc3cc74515
commit 02893354de
2 changed files with 46 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/package.json
View File

@ -4,7 +4,7 @@
"private": true, "private": true,
"proxy": "http://192.168.50.107:5580/", "proxy": "http://192.168.50.107:5580/",
"scripts": { "scripts": {
"dev": "next dev", "dev": "next dev --turbo",
"build": "next build", "build": "next build",
"start": "next start -p 3003", "start": "next start -p 3003",
"lint": "next lint" "lint": "next lint"

62
frontend/src/app/page.tsx
View File

@ -36,22 +36,20 @@ export default function Home() {
await sendEmail(formData); await sendEmail(formData);
// Send new order email to self // Send new order email to self
const clientEmail = formData.get('senderEmail') as string const clientEmail = formData.get("senderEmail") as string;
// console.log(JSON.stringify({"senderEmail":clientEmail})) // console.log(JSON.stringify({"senderEmail":clientEmail}))
await fetch("/api/emails", { await fetch("/api/emails", {
method: "POST", method: "POST",
headers: { headers: {
"Content-type": "application/json", "Content-type": "application/json",
}, },
body: JSON.stringify({"senderEmail":clientEmail}), body: JSON.stringify({ senderEmail: clientEmail }),
}) }).catch((error) => {
.catch((error) => { console.error(error);
console.error(error); });
});
const response = await fetch("/backend/new-order", { const response = await fetch("/backend/new-order", {
// const response = await fetch("http://localhost:5080/new-order", { // const response = await fetch("http://localhost:5080/new-order", {
method: "POST", method: "POST",
headers: { headers: {
"Content-type": "application/json", "Content-type": "application/json",
@ -68,19 +66,47 @@ export default function Home() {
emails: "", emails: "",
orders: "", orders: "",
}); });
alert("Order Placed! Please check your email.") alert("Order Placed! Please check your email.");
} }
return ( return (
<main className="flex min-h-screen flex-col px-20"> <main className="flex min-h-screen flex-col px-20">
{/* Title */} {/* Title */}
<div className="text-4xl w-full justify-center text-center items-center flex flex-col gap-4 py-12 font-medium text-orange-600"> <div className="text-4xl w-full justify-center text-center items-center flex flex-col gap-9 py-12 font-medium text-orange-600">
<span className={`${Popp.className}`}>Kevo&#39;s Attire</span> <h1 className={`${Popp.className} text-white text-5xl`}>
<div className={`${Popp.className} text-orange-600 text-center`}> Kevo&#39;s Attire
<p>All sizes - $25</p> </h1>
</div> <div
<div className={`${Popp.className} text-orange-600 text-center`}> className={`${Popp.className} text-orange-600 text-center flex flex-col gap-5`}
<p>Youth-S/M/L/2XL - Adult-S/M/L/2XL</p> >
<div>
<p>
<span className="text-emerald-500">Youth:</span>{" "}
<span className="text-orange-600">
S <span className="text-gray-600">|</span> M{" "}
<span className="text-gray-600">|</span> L
</span>
</p>
<p>
<span className="text-emerald-500">Adult:</span>{" "}
<span className="text-orange-600">
S <span className="text-gray-600">|</span> M{" "}
<span className="text-gray-600">|</span> L{" "}
<span className="text-gray-600">|</span> XL{" "}
<span className="text-gray-600">|</span> 2XL
</span>
</p>
</div>
<div
className={`${Popp.className} text-gray-400 text-center gap-1 flex flex-col text-2xl`}
>
<p className="">
Small - Large: <span className="text-orange-600 pl-4">$25</span>
</p>
<p className="">
XL - 2XL: <span className="text-orange-600 pl-4">$27</span>
</p>
</div>
</div> </div>
</div> </div>
@ -98,7 +124,9 @@ export default function Home() {
> >
<div className="text-orange-600 flex flex-col text-2xl pb-4 text-center gap-2"> <div className="text-orange-600 flex flex-col text-2xl pb-4 text-center gap-2">
<h3>Example Order</h3> <h3>Example Order</h3>
<div className="text-green-500"><p>example@example.com</p></div> <div className="text-green-500">
<p>example@example.com</p>
</div>
<div className="flex flex-col text-green-500"> <div className="flex flex-col text-green-500">
<p>1 blue Terminator Youth M</p> <p>1 blue Terminator Youth M</p>
<p>1 black Bear-Relax Adult XL</p> <p>1 black Bear-Relax Adult XL</p>