29 lines
979 B
JavaScript
29 lines
979 B
JavaScript
import { useQuery } from "@apollo/react-hooks";
|
|
import React from "react";
|
|
import { connect } from "react-redux";
|
|
import { createStructuredSelector } from "reselect";
|
|
import { ACTIVE_JOBS_FOR_AUTOCOMPLETE } from "../../graphql/jobs.queries";
|
|
import { selectBodyshop } from "../../redux/user/user.selectors";
|
|
import PaymentFormComponent from "./payment-form.component";
|
|
|
|
const mapStateToProps = createStructuredSelector({
|
|
bodyshop: selectBodyshop,
|
|
});
|
|
|
|
export function PaymentFormContainer({ bodyshop, form,stripeStateArr }) {
|
|
const { data: RoAutoCompleteData } = useQuery(ACTIVE_JOBS_FOR_AUTOCOMPLETE, {
|
|
variables: { statuses: bodyshop.md_ro_statuses.open_statuses || ["Open*"] },
|
|
});
|
|
|
|
return (
|
|
<div>
|
|
<PaymentFormComponent
|
|
form={form}
|
|
roAutoCompleteOptions={RoAutoCompleteData && RoAutoCompleteData.jobs}
|
|
stripeStateArr={stripeStateArr}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
export default connect(mapStateToProps, null)(PaymentFormContainer);
|