andrewevans0102

    </CardContent>
    </CardActionArea>
    <ReservationModal
        open={open}
        handleClose={handleClose}
        card={item}
        currentUserReserved={currentUserReserved}
    />
</Card>

andrewevans0102

const dispatch = useDispatch();

const { open, handleClose, card, currentUserReserved } = props;
const userDetails = useSelector((state) => state.user.userDetails);
const [fields, setFields] = useState({});
const history = useHistory();

useEffect(() => {
	if (card) {
		setFields(card.fields);

andrewevans0102

import React from "react";
import {
	reservationBasicFormFields,
	reservationPremiumFormFields,
} from "../utilities/configs/componentConfig";
import CustomFormComponent from "../components/CustomFormComponent";

function FormContainer(props) {
	const { fields, handleFieldChange, currentUserReserved, tier } = props;
	const configFields =

andrewevans0102

<>
	<FormContainer
		tier="basic"
		card={card}
		fields={fields}
		currentUserReserved={currentUserReserved}
		handleFieldChange={handleFieldChange}
	/>
</>;

andrewevans0102

const reservationBasicFormFields = [
	{
		label: "Email Address",
		name: "email",
		fieldtype: "text",
		id: "email",
		margin: "dense",
		type: "email",
		fullWidth: true,
		autoFocus: true,

andrewevans0102

<CustomFormComponent
    key="email"
    item={{
        label: "Email Address",
        name: "email",
        fieldtype: "text",
        id: "email",
        margin: "dense",
        type: "email",
        fullWidth: true,

andrewevans0102

import React from "react";
import Text from "./forms/text";
import RadioGroup from "./forms/radioGroup";
import Multiselect from "./forms/multiselect";

function CustomFormComponent(props) {
	const FORM_COMPONENTS = {
		text: <Text {...props} />,
		radio: <RadioGroup {...props} />,
		multiselect: <Multiselect {...props} />,

andrewevans0102

import React from "react";
import { TextField } from "@material-ui/core";

function Text(props) {
	const { item, fields, handleFieldChange, currentUserReserved } = props;

	return (
		<TextField
			{...item}
			disabled={currentUserReserved}

andrewevans0102

const dispatch = useDispatch();

const { open, handleClose, card, currentUserReserved } = props;
const userDetails = useSelector((state) => state.user.userDetails);
const [fields, setFields] = useState({});
const history = useHistory();

useEffect(() => {
	if (card) {
		setFields(card.fields);

andrewevans0102

const initialReservationFields = {
	email: "",
	phone: "",
	time: "",
};

const yesNoOptions = [
	{
		key: 1,
		value: "yes",