feature/feature/IO-3554-Form-Row-Layout - Responsive overhaul

client/src/components/shop-users/shop-users.component.jsx

@@ -1,5 +1,5 @@
 import { useQuery } from "@apollo/client/react";
-import { Button, Table } from "antd";
+import { Button } from "antd";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -7,6 +7,7 @@ import { QUERY_SHOP_ASSOCIATIONS } from "../../graphql/user.queries";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import RbacWrapper from "../rbac-wrapper/rbac-wrapper.component";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import ShopUsersAuthEdit from "../shop-users-auth-edit/shop-users-auth-edit.component";
 
 const mapStateToProps = createStructuredSelector({
@@ -66,10 +67,11 @@ export function ShopInfoUsersComponent({ bodyshop }) {
   }
   return (
     <div>
-      <Table
+      <ResponsiveTable
         loading={loading}
         pagination={{ placement: "top" }}
         columns={columns}
+        mobileColumnKeys={["email", "authlevel", "actions"]}
         rowKey="id"
         dataSource={data && data.associations}
       />