Added association tracking

client/src/components/profile-shops/profile-shops.component.jsx

@@ -0,0 +1,52 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { Table, Button } from "antd";
+export default function ProfileShopsComponent({
+  loading,
+  data,
+  updateActiveShop
+}) {
+  const { t } = useTranslation();
+
+  const columns = [
+    {
+      title: t("associations.fields.shopname"),
+      dataIndex: "shopname",
+      key: "shopname",
+      width: "25%",
+      render: (text, record) => <span>{record.bodyshop.shopname}</span>
+    },
+    {
+      title: t("associations.fields.active"),
+      dataIndex: "active",
+      key: "active",
+      width: "25%",
+      render: (text, record) => <span>{record.active ? "Yes" : "No"}</span>
+    },
+    {
+      title: t("associations.labels.actions"),
+      dataIndex: "actions",
+      key: "actions",
+      width: "25%",
+      render: (text, record) => (
+        <span>
+          {record.active ? null : (
+            <Button onClick={() => updateActiveShop(record.id)}>
+              Activate
+            </Button>
+          )}
+        </span>
+      )
+    }
+  ];
+
+  return (
+    <Table
+      loading={loading}
+      size="small"
+      columns={columns.map(item => ({ ...item }))}
+      rowKey="id"
+      dataSource={data}
+    />
+  );
+}

client/src/components/profile-shops/profile-shops.container.jsx

@@ -0,0 +1,24 @@
+import React from "react";
+import { useQuery } from "react-apollo";
+import { QUERY_ALL_ASSOCIATIONS } from "../../graphql/associations.queries";
+import AlertComponent from "../alert/alert.component";
+import ProfileShopsComponent from "./profile-shops.component";
+
+export default function ProfileShopsContainer() {
+  
+  const { loading, error, data, refetch } = useQuery(QUERY_ALL_ASSOCIATIONS);
+
+  const updateActiveShop = activeShopId => {
+    console.log("activeShopId", activeShopId);
+    refetch();
+  };
+
+  if (error) return <AlertComponent type="error" message={error.message} />;
+  return (
+    <ProfileShopsComponent
+      loading={loading}
+      data={data ? data.associations : null}
+      updateActiveShop={updateActiveShop}
+    />
+  );
+}