Begin work on BOD-6

client/src/components/shop-info/shop-info.container.jsx

@@ -0,0 +1,34 @@
+import React, { useEffect } from "react";
+import ShopInfoComponent from "./shop-info.component";
+import { Form } from "antd";
+import { useQuery } from "react-apollo";
+import { QUERY_BODYSHOP } from "../../graphql/bodyshop.queries";
+import LoadingSpinner from "../loading-spinner/loading-spinner.component";
+import AlertComponent from "../alert/alert.component";
+
+export default function ShopInfoContainer() {
+  const [form] = Form.useForm();
+  const handleFinish = values => {
+    console.log("values", values);
+  };
+
+  const { loading, error, data } = useQuery(QUERY_BODYSHOP, {
+    fetchPolicy: "network-only"
+  });
+
+  useEffect(() => {
+    if (data) form.resetFields();
+  }, [form, data]);
+
+  if (error) return <AlertComponent message={error.message} type="error" />;
+  if (loading) return <LoadingSpinner />;
+  return (
+    <Form
+      form={form}
+      onFinish={handleFinish}
+      initialValues={data ? data.bodyshops[0] : null}
+    >
+      <ShopInfoComponent />
+    </Form>
+  );
+}