From 2f70529c22458fa61f1b769cac4a642fc6e27b6c Mon Sep 17 00:00:00 2001
From: Jack Hansen <47556286+jackavh@users.noreply.github.com>
Date: Wed, 17 Apr 2024 15:17:55 -0700
Subject: [PATCH] add success graphic
---
frontend/public/donations/successGraphic.svg | 9 +++++++
frontend/src/app/(web app)/donations/page.tsx | 2 +-
.../payment/PhysicalDonationForm.tsx | 3 ---
.../src/components/payment/SuccessCard.tsx | 24 ++++++++++++++++++-
4 files changed, 33 insertions(+), 5 deletions(-)
create mode 100644 frontend/public/donations/successGraphic.svg
diff --git a/frontend/public/donations/successGraphic.svg b/frontend/public/donations/successGraphic.svg
new file mode 100644
index 00000000..6e67f576
--- /dev/null
+++ b/frontend/public/donations/successGraphic.svg
@@ -0,0 +1,9 @@
+
diff --git a/frontend/src/app/(web app)/donations/page.tsx b/frontend/src/app/(web app)/donations/page.tsx
index 9e8bbd35..27bf5974 100644
--- a/frontend/src/app/(web app)/donations/page.tsx
+++ b/frontend/src/app/(web app)/donations/page.tsx
@@ -17,7 +17,7 @@ export default function App() {
/>
-
+
);
}
diff --git a/frontend/src/components/payment/PhysicalDonationForm.tsx b/frontend/src/components/payment/PhysicalDonationForm.tsx
index 03a4f682..05502548 100644
--- a/frontend/src/components/payment/PhysicalDonationForm.tsx
+++ b/frontend/src/components/payment/PhysicalDonationForm.tsx
@@ -16,7 +16,6 @@ const PhysicalDonationForm = ({ setSuccess }: PhysicalDonationFormProps) => {
const handleSubmit = (event: React.FormEvent) => {
event.preventDefault();
- console.log(firstName, lastName, email, phone, comment);
const donationEmailRequest: CreateDonationEmailRequest = {
type: "donation",
firstName,
@@ -27,11 +26,9 @@ const PhysicalDonationForm = ({ setSuccess }: PhysicalDonationFormProps) => {
};
sendEmail(donationEmailRequest)
.then(() => {
- console.log("success!");
setSuccess(true);
})
.catch(() => {
- console.log("error!");
setSuccess(false);
});
};
diff --git a/frontend/src/components/payment/SuccessCard.tsx b/frontend/src/components/payment/SuccessCard.tsx
index 56001137..aa7c86b7 100644
--- a/frontend/src/components/payment/SuccessCard.tsx
+++ b/frontend/src/components/payment/SuccessCard.tsx
@@ -1,9 +1,31 @@
"use client";
+import Image from "next/image";
const SuccessCard = () => {
return (
-
Testing!
+
+
+
+
+
+
+ Thank you for your generous donation!
+
+