Skip to content

Commit

Permalink
Rename HackUCI to IrvineHacks (#129)
Browse files Browse the repository at this point in the history
  • Loading branch information
@waalbert
waalbert authored Sep 24, 2024
1 parent e9d2704 commit beb4dba
Show file tree
Hide file tree
Showing 4 changed files with 223 additions and 222 deletions.
288 changes: 144 additions & 144 deletions client/src/app/components/newsletter/Newsletter.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,153 +6,153 @@ import DiscordIcon from "../../../assets/icons/discord_icon.svg";
import "./Newsletter.scss";

function Newsletter(props) {
const [showAlert, setShowAlert] = useState(false);
const [alertSuccess, setAlertSuccess] = useState(false);
const [showAlert, setShowAlert] = useState(false);
const [alertSuccess, setAlertSuccess] = useState(false);

const [email, setEmail] = useState("");
const [firstName, setFirstName] = useState("");
const [lastName, setLastName] = useState("");
const [graduationYear, setGraduationYear] = useState("");
const [email, setEmail] = useState("");
const [firstName, setFirstName] = useState("");
const [lastName, setLastName] = useState("");
const [graduationYear, setGraduationYear] = useState("");

function submitDiscordSignUp(e) {
axios
.post("api/discord/signups", {
email,
firstName,
lastName,
})
.then((response) => {
setAlertSuccess(true);
setShowAlert(true);
})
.catch((err) => {
setAlertSuccess(false);
setShowAlert(true);
});
}
function submitDiscordSignUp(e) {
axios
.post("api/discord/signups", {
email,
firstName,
lastName,
})
.then((response) => {
setAlertSuccess(true);
setShowAlert(true);
})
.catch((err) => {
setAlertSuccess(false);
setShowAlert(true);
});
}

return (
<div
id="newsletter"
className="jumbotron jumbotron-fluid newsletter"
style={props.style}
>
<div id="discord" className="container newsletter-container">
<h3> Get Involved! </h3>
<a href="https://discord.gg/2gZjQMjKeF">
<div className="card discord-card">
<h2>Join our Discord</h2>
<img
className="discord-icon"
src={DiscordIcon}
alt="Join Discord"
/>
</div>
</a>
<div className="card">
<h2>Join our newsletter!</h2>
<form
className="newsletter-form"
action={
"https://uci.us13.list-manage.com/subscribe/post?u=5976872928cd5681fbaca89f6&amp;id=93333e11eb"
}
method={"post"}
name={"mc-embedded-subscribe-form"}
target={"_blank"}
onSubmit={submitDiscordSignUp}
>
<label>
Graduating Year <span className="asterisk">*</span>
</label>
<input
id="userYear"
type="text"
maxLength="4"
className="form-control"
name="MMERGE4"
required
value={graduationYear}
onChange={(event) => setGraduationYear(event.target.value)}
/>
<br />
<label>
First Name <span className="asterisk">*</span>
</label>
<input
id="userFName"
type="text"
className="form-control"
name="FNAME"
required
value={firstName}
onChange={(event) => setFirstName(event.target.value)}
/>
<br />
<label>
Last Name <span className="asterisk">*</span>
</label>
<input
id="userLName"
type="text"
className="form-control"
name="LNAME"
required
value={lastName}
onChange={(event) => setLastName(event.target.value)}
/>
<br />
<label>
Email Address <span className="asterisk">*</span>
</label>
<input
id="userEmail"
type="email"
className="form-control"
name="EMAIL"
required
value={email}
onChange={(event) => setEmail(event.target.value)}
/>
<br />
<div className="d-flex text-center flex-center">
<button className="newsletter-button" name="subscribe">
Sign Up
</button>
</div>
<br />
<div className="d-flex text-left">
<Alert
show={showAlert}
variant={alertSuccess ? "success" : "danger"}
>
{alertSuccess && (
<React.Fragment>
<Alert.Heading>Successfully Submitted!</Alert.Heading>
</React.Fragment>
)}
{!alertSuccess && (
<React.Fragment>
<Alert.Heading>Submission Error!</Alert.Heading>
<p>
Your request to subscribe has not been queued! You may
have already submitted a request under this email. If you
do not receive an invite email in 20 minutes, please
contact us at{" "}
<a href="mailto:[email protected]">[email protected]</a>.
</p>
</React.Fragment>
)}
</Alert>
</div>
</form>
<p className="newsletter-mailchimp-info">
Mailchimp collects the following information for our sponsors and to
ensure all newsletters are sent to the appropriate person.
</p>
</div>
</div>
</div>
);
return (
<div
id="newsletter"
className="jumbotron jumbotron-fluid newsletter"
style={props.style}
>
<div id="discord" className="container newsletter-container">
<h3> Get Involved! </h3>
<a href="https://discord.gg/2gZjQMjKeF">
<div className="card discord-card">
<h2>Join our Discord</h2>
<img
className="discord-icon"
src={DiscordIcon}
alt="Join Discord"
/>
</div>
</a>
<div className="card">
<h2>Join our newsletter!</h2>
<form
className="newsletter-form"
action={
"https://uci.us13.list-manage.com/subscribe/post?u=5976872928cd5681fbaca89f6&amp;id=93333e11eb"
}
method={"post"}
name={"mc-embedded-subscribe-form"}
target={"_blank"}
onSubmit={submitDiscordSignUp}
>
<label>
Graduating Year <span className="asterisk">*</span>
</label>
<input
id="userYear"
type="text"
maxLength="4"
className="form-control"
name="MMERGE4"
required
value={graduationYear}
onChange={(event) => setGraduationYear(event.target.value)}
/>
<br />
<label>
First Name <span className="asterisk">*</span>
</label>
<input
id="userFName"
type="text"
className="form-control"
name="FNAME"
required
value={firstName}
onChange={(event) => setFirstName(event.target.value)}
/>
<br />
<label>
Last Name <span className="asterisk">*</span>
</label>
<input
id="userLName"
type="text"
className="form-control"
name="LNAME"
required
value={lastName}
onChange={(event) => setLastName(event.target.value)}
/>
<br />
<label>
Email Address <span className="asterisk">*</span>
</label>
<input
id="userEmail"
type="email"
className="form-control"
name="EMAIL"
required
value={email}
onChange={(event) => setEmail(event.target.value)}
/>
<br />
<div className="d-flex text-center flex-center">
<button className="newsletter-button" name="subscribe">
Sign Up
</button>
</div>
<br />
<div className="d-flex text-left">
<Alert
show={showAlert}
variant={alertSuccess ? "success" : "danger"}
>
{alertSuccess && (
<React.Fragment>
<Alert.Heading>Successfully Submitted!</Alert.Heading>
</React.Fragment>
)}
{!alertSuccess && (
<React.Fragment>
<Alert.Heading>Submission Error!</Alert.Heading>
<p>
Your request to subscribe has not been queued! You may
have already submitted a request under this email. If you
do not receive an invite email in 20 minutes, please
contact us at{" "}
<a href="mailto:[email protected]">[email protected]</a>.
</p>
</React.Fragment>
)}
</Alert>
</div>
</form>
<p className="newsletter-mailchimp-info">
Mailchimp collects the following information for our sponsors and to
ensure all newsletters are sent to the appropriate person.
</p>
</div>
</div>
</div>
);
}

export default Newsletter;
Loading

0 comments on commit beb4dba

Please sign in to comment.