Merge pull request #145 from bryanparmelee/bulk-frontend

Bulk frontend

Author: nfloersch

src/api/firebase-donations.ts

@@ -295,7 +295,10 @@ export async function addDonation(newDonation: DonationBody) {
 }
 
 export async function addBulkDonation(newDonations: DonationBody[]) {
-    if (newDonations.length === 1) addDonation(newDonations[0]);
+    if (newDonations.length === 1) {
+        await addDonation(newDonations[0]);
+        return;
+    }
     try {
         const userId: string = await getUserId();
         const bulkDonationsRef = doc(collection(db, BULK_DONATIONS_COLLECTION));

src/app/bulk-donate/page.tsx

@@ -47,6 +47,15 @@
     border: 1px solid black;
 }
 
+.btn--group {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    margin: 0px auto;
+    padding: 1rem;
+    gap: 12px;
+}
+
 /* Tablets */
 @media screen and (min-width: 480px) {
     .form {
@@ -71,6 +80,9 @@
 
     .form__section--bottom {
         grid-area: bottom;
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
     }
 }