IO-1533 Kanban Customization

client/src/components/production-board-kanban/production-board-kanban.container.jsx

@@ -1,25 +1,41 @@
-import { useSubscription } from "@apollo/client";
+import { useQuery, useSubscription } from "@apollo/client";
 import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
+import { getCurrentUser } from "../../firebase/firebase.utils";
 import { SUBSCRIPTION_JOBS_IN_PRODUCTION } from "../../graphql/jobs.queries";
-import { selectBodyshop } from "../../redux/user/user.selectors";
+import { QUERY_KANBAN_SETTINGS } from "../../graphql/user.queries";
+import {
+  selectBodyshop,
+  selectCurrentUser,
+} from "../../redux/user/user.selectors";
 import ProductionBoardKanbanComponent from "./production-board-kanban.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
+  currentUser: selectCurrentUser,
 });
 
-export function ProductionBoardKanbanContainer({ bodyshop }) {
+export function ProductionBoardKanbanContainer({ bodyshop, currentUser }) {
   const { loading, data } = useSubscription(
     SUBSCRIPTION_JOBS_IN_PRODUCTION,
     {}
   );
 
+  const { loading: associationSettingsLoading, data: associationSettings } =
+    useQuery(QUERY_KANBAN_SETTINGS, {
+      variables: { email: currentUser.email },
+    });
+
   return (
     <ProductionBoardKanbanComponent
-      loading={loading}
+      loading={loading || associationSettingsLoading}
       data={data ? data.jobs : []}
+      associationSettings={
+        associationSettings && associationSettings.associations[0]
+          ? associationSettings.associations[0]
+          : null
+      }
     />
   );
 }