+ {visible && (
+
+ setValue(val)}
+ defaultValue={association.authlevel}
+ onBlur={handleSave}
+ />
+
+ )}
+ {!visible && (
+
setVisible(true)}>
+ {association.authlevel || t("general.labels.na")}
+
+ )}
+
+ );
+}
diff --git a/client/src/components/shop-users/shop-users.component.jsx b/client/src/components/shop-users/shop-users.component.jsx
new file mode 100644
index 000000000..b1ab5512f
--- /dev/null
+++ b/client/src/components/shop-users/shop-users.component.jsx
@@ -0,0 +1,59 @@
+import { Button, Table } from "antd";
+import React from "react";
+import { useQuery } from "react-apollo";
+import { useTranslation } from "react-i18next";
+import { QUERY_SHOP_ASSOCIATIONS } from "../../graphql/user.queries";
+import AlertComponent from "../alert/alert.component";
+import RbacWrapper from "../rbac-wrapper/rbac-wrapper.component";
+import ShopUsersAuthEdit from "../shop-users-auth-edit/shop-users-auth-edit.component";
+
+export default function ShopInfoUsersComponent() {
+ const { t } = useTranslation();
+ const { loading, error, data } = useQuery(QUERY_SHOP_ASSOCIATIONS);
+ const columns = [
+ {
+ title: t("user.fields.email"),
+ dataIndex: "email",
+ key: "email",
+ render: (text, record) => record.user.email,
+ },
+ {
+ title: t("user.fields.authlevel"),
+ dataIndex: "authlevel",
+ key: "authlevel",
+ render: (text, record) => (
+