+
{title}
+ {partner_extra}
{extra}
{children}
- );
+ )
}
}
const mapStateToProps = (state, ownProps) => {
- const { titleKey, subtitleKey } = ownProps;
+ const { titleKey, subtitleKey } = ownProps
- const content = selectContent(state);
+ const content = selectContent(state)
return {
title: content[titleKey] || ownProps.title,
subtitle: content[subtitleKey] || ownProps.subtitle,
- };
-};
+ }
+}
-export default connect(mapStateToProps)(BlockSection);
+export default connect(mapStateToProps)(BlockSection)
diff --git a/frontend/app/src/components/ContactForm/index.js b/frontend/app/src/components/ContactForm/index.js
index cb26e9b0..29ca1690 100644
--- a/frontend/app/src/components/ContactForm/index.js
+++ b/frontend/app/src/components/ContactForm/index.js
@@ -1,103 +1,103 @@
-import React, { useState } from "react";
-import "./style.scss";
-
-import Form from "../inputs/Form";
-import TextInput from "../inputs/TextInput";
-import TextArea from "../inputs/TextArea";
-import FormRow from "../inputs/FormRow";
-import SubmitButton from "../inputs/SubmitButton";
-import BlockSection from "../BlockSection";
-import { useFormField } from "../../hooks/formhooks";
-import { isEmail } from "../../utils/regex";
-import { minDelay } from "../../utils/misc";
-import KEYS from "../../redux/staticcontent/keys";
-
-import ContactRequestService from "../../services/contactrequests";
+import React, { useState } from "react"
+import "./style.scss"
+
+import Form from "../inputs/Form"
+import TextInput from "../inputs/TextInput"
+import TextArea from "../inputs/TextArea"
+import FormRow from "../inputs/FormRow"
+import SubmitButton from "../inputs/SubmitButton"
+import BlockSection from "../BlockSection"
+import { useFormField } from "../../hooks/formhooks"
+import { isEmail } from "../../utils/regex"
+import { minDelay } from "../../utils/misc"
+import KEYS from "../../redux/staticcontent/keys"
+
+import ContactRequestService from "../../services/contactrequests"
const ContactForm = () => {
const fields = {
firstName: {
...useFormField("", (value) => {
if (!value || value.length === 0) {
- return "This field is required";
+ return "This field is required"
}
if (value.length > 100) {
- return "That's a pretty long name... Something shorter, please.";
+ return "That's a pretty long name... Something shorter, please."
}
- return null;
+ return null
}),
},
lastName: {
...useFormField("", (value) => {
if (!value || value.length === 0) {
- return "This field is required";
+ return "This field is required"
}
if (value.length > 100) {
- return "That's a pretty long name... Something shorter, please.";
+ return "That's a pretty long name... Something shorter, please."
}
- return null;
+ return null
}),
},
email: {
...useFormField("", (value) => {
if (!isEmail(value)) {
- return "This is not a valid email";
+ return "This is not a valid email"
}
- return null;
+ return null
}),
},
company: {
...useFormField("", (value) => {
if (!value || value.length === 0) {
- return "This field is required";
+ return "This field is required"
}
if (value.length > 100) {
- return "That's a pretty long company name... Something shorter, please.";
+ return "That's a pretty long company name... Something shorter, please."
}
}),
},
message: {
...useFormField("", (value) => {
if (!value || value.length === 0) {
- return "Please enter a message :)";
+ return "Please enter a message :)"
}
if (value.length > 500) {
- return "Message can be at most 500 characters";
+ return "Message can be at most 500 characters"
}
- return null;
+ return null
}),
},
- };
+ }
- const [formLoading, setFormLoading] = useState(false);
- const [formError, setFormError] = useState(false);
- const [formSuccess, setFormSuccess] = useState(false);
+ const [formLoading, setFormLoading] = useState(false)
+ const [formError, setFormError] = useState(false)
+ const [formSuccess, setFormSuccess] = useState(false)
async function handleFormSuccess(data) {
- setFormLoading(true);
+ setFormLoading(true)
minDelay(ContactRequestService.create(data), 1000)
.then((res) => {
- setFormSuccess(true);
- setFormLoading(false);
+ setFormSuccess(true)
+ setFormLoading(false)
})
.catch((e) => {
- console.log("Form error", e);
- setFormError(true);
- setFormLoading(false);
- });
+ console.log("Form error", e)
+ setFormError(true)
+ setFormLoading(false)
+ })
}
function handleFormError(errors) {
- console.log("ERROR", errors);
+ console.log("ERROR", errors)
}
return (
@@ -118,42 +118,42 @@ const ContactForm = () => {
-
+
- );
-};
+ )
+}
-export default ContactForm;
+export default ContactForm
diff --git a/frontend/app/src/components/Footer/index.js b/frontend/app/src/components/Footer/index.js
index 15168a2c..90a1c291 100644
--- a/frontend/app/src/components/Footer/index.js
+++ b/frontend/app/src/components/Footer/index.js
@@ -1,23 +1,23 @@
-import React, { PureComponent } from "react";
-import "./style.scss";
+import React, { PureComponent } from "react"
+import "./style.scss"
-import { connect } from "react-redux";
-import { Link } from "react-router-dom";
+import { connect } from "react-redux"
+import { Link } from "react-router-dom"
-import ContactForm from "../ContactForm";
-import NewsLetterForm from "../NewsLetterForm";
+import ContactForm from "../ContactForm"
+import NewsLetterForm from "../NewsLetterForm"
-import { content as selectContent } from "../../redux/staticcontent/selectors";
-import KEYS from "../../redux/staticcontent/keys";
+import { content as selectContent } from "../../redux/staticcontent/selectors"
+import KEYS from "../../redux/staticcontent/keys"
import {
homePages,
eventPages,
communityPages,
-} from "../../redux/pages/selectors";
+} from "../../redux/pages/selectors"
-import { eventconceptsByPriority } from "../../redux/eventconcepts/selectors";
-import { Typography, Grid } from "@material-ui/core";
-import DividerLine from "../DividerLine";
+import { eventconceptsByPriority } from "../../redux/eventconcepts/selectors"
+import { Typography, Grid } from "@material-ui/core"
+import DividerLine from "../DividerLine"
class Footer extends PureComponent {
renderConceptLinks(eventConcepts) {
@@ -30,8 +30,8 @@ class Footer extends PureComponent {
>
{concept.name}
- );
- });
+ )
+ })
}
renderExtraPageLinks(pages) {
@@ -44,8 +44,8 @@ class Footer extends PureComponent {
>
{page.navTitle}
- );
- });
+ )
+ })
}
render() {
@@ -53,10 +53,9 @@ class Footer extends PureComponent {