generated from hackforla/.github-hackforla-base-repo-template
-
-
Notifications
You must be signed in to change notification settings - Fork 51
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
12 changed files
with
9,590 additions
and
11,295 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -14,10 +14,10 @@ import { | |
import donationStep1 from "images/donationStep1.png"; | ||
import donationStep2 from "images/donationStep2.png"; | ||
import donationStep3 from "images/donationStep3.png"; | ||
import donationStep4 from "images/donationStep4.png"; | ||
import donationStep5 from "images/donationStep5.png"; | ||
import donationStep6 from "images/donationStep6.png"; | ||
import donationStep7 from "images/donationStep7.png"; | ||
// import donationStep4 from "images/donationStep4.png"; | ||
// import donationStep5 from "images/donationStep5.png"; | ||
// import donationStep6 from "images/donationStep6.png"; | ||
// import donationStep7 from "images/donationStep7.png"; | ||
import logo from "images/foodoasis.svg"; | ||
import { useState, useEffect } from "react"; | ||
import * as analytics from "../../services/analytics"; | ||
|
@@ -136,11 +136,10 @@ const DonationDialog = ({ showDonationDialog, setShowDonationDialog }) => { | |
/> | ||
<Grid item> | ||
<Typography align="center"> | ||
Please make donations to our parent organization (Code for | ||
America) | ||
Hack for LA takes donations through Civic Tech Structure. | ||
</Typography> | ||
<Typography align="center" color="error" variant="h6"> | ||
This is a 7-step process. | ||
This is a 3-step process. | ||
</Typography> | ||
</Grid> | ||
<Grid item> | ||
|
@@ -232,7 +231,9 @@ const DonationDialog = ({ showDonationDialog, setShowDonationDialog }) => { | |
</Avatar> | ||
</Grid> | ||
<Grid item xs zeroMinWidth> | ||
<Typography>Check the box right below.</Typography> | ||
<Typography> | ||
In the "Project" field enter <em>"Food Oasis"</em>. | ||
</Typography> | ||
<CardMedia | ||
component="img" | ||
sx={{ | ||
|
@@ -273,8 +274,8 @@ const DonationDialog = ({ showDonationDialog, setShowDonationDialog }) => { | |
</Grid> | ||
<Grid item xs zeroMinWidth> | ||
<Typography> | ||
Under "Person to notify" and "Honoree Name" write{" "} | ||
<em>"Food Oasis"</em>. | ||
Fill out the remaining payment information and click{" "} | ||
<em>Donate</em>. | ||
</Typography> | ||
<CardMedia | ||
component="img" | ||
|
@@ -288,174 +289,6 @@ const DonationDialog = ({ showDonationDialog, setShowDonationDialog }) => { | |
</Grid> | ||
</Grid> | ||
</Paper> | ||
<Paper | ||
xs={{ | ||
maxWidth: "400px", | ||
padding: { xs: "16px", md: "24px" }, | ||
margin: { xs: "16px auto", md: "24px auto" }, | ||
}} | ||
> | ||
<Grid | ||
sx={{ | ||
padding: "5px 16px", | ||
}} | ||
container | ||
wrap="nowrap" | ||
spacing={2} | ||
> | ||
<Grid item> | ||
<Avatar | ||
sx={{ | ||
backgroundColor: "#ef624f", | ||
width: { xs: "24px", md: "56px" }, | ||
height: { xs: "24px", md: "56px" }, | ||
}} | ||
> | ||
4 | ||
</Avatar> | ||
</Grid> | ||
<Grid item xs zeroMinWidth> | ||
<Typography> | ||
Under "Recipient Email" write{" "} | ||
<em>"[email protected]"</em>. | ||
</Typography> | ||
<CardMedia | ||
component="img" | ||
sx={{ | ||
width: "90%", | ||
height: "auto", | ||
}} | ||
src={donationStep4} | ||
alt="logo" | ||
/> | ||
</Grid> | ||
</Grid> | ||
</Paper> | ||
<Paper | ||
xs={{ | ||
maxWidth: "400px", | ||
padding: { xs: "16px", md: "24px" }, | ||
margin: { xs: "16px auto", md: "24px auto" }, | ||
}} | ||
> | ||
<Grid | ||
sx={{ | ||
padding: "5px 16px", | ||
}} | ||
container | ||
wrap="nowrap" | ||
spacing={2} | ||
> | ||
<Grid item> | ||
<Avatar | ||
sx={{ | ||
backgroundColor: "#ef624f", | ||
width: { xs: "24px", md: "56px" }, | ||
height: { xs: "24px", md: "56px" }, | ||
}} | ||
> | ||
5 | ||
</Avatar> | ||
</Grid> | ||
<Grid item xs zeroMinWidth> | ||
<Typography> | ||
Choose the brigade <em>"Hack for LA"</em> in the dropdown. | ||
</Typography> | ||
<CardMedia | ||
component="img" | ||
sx={{ | ||
width: "90%", | ||
height: "auto", | ||
}} | ||
src={donationStep5} | ||
alt="logo" | ||
/> | ||
</Grid> | ||
</Grid> | ||
</Paper> | ||
<Paper | ||
xs={{ | ||
maxWidth: "400px", | ||
padding: { xs: "16px", md: "24px" }, | ||
margin: { xs: "16px auto", md: "24px auto" }, | ||
}} | ||
> | ||
<Grid | ||
sx={{ | ||
padding: "5px 16px", | ||
}} | ||
container | ||
wrap="nowrap" | ||
spacing={2} | ||
> | ||
<Grid item> | ||
<Avatar | ||
sx={{ | ||
backgroundColor: "#ef624f", | ||
width: { xs: "24px", md: "56px" }, | ||
height: { xs: "24px", md: "56px" }, | ||
}} | ||
> | ||
6 | ||
</Avatar> | ||
</Grid> | ||
<Grid item xs zeroMinWidth> | ||
<Typography>Click next.</Typography> | ||
<CardMedia | ||
component="img" | ||
sx={{ | ||
width: "90%", | ||
height: "auto", | ||
}} | ||
src={donationStep6} | ||
alt="logo" | ||
/> | ||
</Grid> | ||
</Grid> | ||
</Paper> | ||
<Paper | ||
xs={{ | ||
maxWidth: "400px", | ||
padding: { xs: "16px", md: "24px" }, | ||
margin: { xs: "16px auto", md: "24px auto" }, | ||
}} | ||
> | ||
<Grid | ||
sx={{ | ||
padding: "5px 16px", | ||
}} | ||
container | ||
wrap="nowrap" | ||
spacing={2} | ||
> | ||
<Grid item> | ||
<Avatar | ||
sx={{ | ||
backgroundColor: "#ef624f", | ||
width: { xs: "24px", md: "56px" }, | ||
height: { xs: "24px", md: "56px" }, | ||
}} | ||
> | ||
7 | ||
</Avatar> | ||
</Grid> | ||
<Grid item xs zeroMinWidth> | ||
<Typography> | ||
Under "What inspired you to donate today?" write{" "} | ||
<em>"Food Oasis"</em>. | ||
</Typography> | ||
<CardMedia | ||
component="img" | ||
sx={{ | ||
width: "90%", | ||
height: "auto", | ||
}} | ||
src={donationStep7} | ||
alt="logo" | ||
/> | ||
</Grid> | ||
</Grid> | ||
</Paper> | ||
</Container> | ||
<Grid | ||
sx={{ | ||
|
@@ -480,7 +313,7 @@ const DonationDialog = ({ showDonationDialog, setShowDonationDialog }) => { | |
textTransform: "uppercase", | ||
}} | ||
variant="contained" | ||
href="//www.codeforamerica.org/donate" | ||
href="//donate.stripe.com/bIY9Cpcg8dihfIc5kl" | ||
target="_blank" | ||
rel="noopener noreferrer" | ||
component="a" | ||
|
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.