diff --git a/frontend/src/components/TableRowSkeleton/index.js b/frontend/src/components/TableRowSkeleton/index.js
index 411cb03..61ed256 100644
--- a/frontend/src/components/TableRowSkeleton/index.js
+++ b/frontend/src/components/TableRowSkeleton/index.js
@@ -12,32 +12,38 @@ const useStyles = makeStyles(theme => ({
},
}));
-const TableRowSkeleton = () => {
+const TableRowSkeleton = ({ avatar, columns }) => {
const classes = useStyles();
return (
<>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ {avatar && (
+ <>
+
+
+
+
+
+
+ >
+ )}
+ {Array.from({ length: columns }, (_, index) => (
+
+
+
+
+
+ ))}
>
);
diff --git a/frontend/src/pages/Contacts/index.js b/frontend/src/pages/Contacts/index.js
index d4204d7..e516228 100644
--- a/frontend/src/pages/Contacts/index.js
+++ b/frontend/src/pages/Contacts/index.js
@@ -337,7 +337,7 @@ const Contacts = () => {
))}
- {loading && }
+ {loading && }
>
diff --git a/frontend/src/pages/Queues/index.js b/frontend/src/pages/Queues/index.js
index e107486..632fea3 100644
--- a/frontend/src/pages/Queues/index.js
+++ b/frontend/src/pages/Queues/index.js
@@ -256,7 +256,7 @@ const Queues = () => {
))}
- {loading && }
+ {loading && }
>
diff --git a/frontend/src/pages/Users/index.js b/frontend/src/pages/Users/index.js
index a457b5d..f4c8ae6 100644
--- a/frontend/src/pages/Users/index.js
+++ b/frontend/src/pages/Users/index.js
@@ -28,7 +28,6 @@ import { i18n } from "../../translate/i18n";
import TableRowSkeleton from "../../components/TableRowSkeleton";
import UserModal from "../../components/UserModal";
import ConfirmationModal from "../../components/ConfirmationModal";
-import { Avatar } from "@material-ui/core";
import toastError from "../../errors/toastError";
const reducer = (state, action) => {
@@ -237,8 +236,7 @@ const Users = () => {
-
- {i18n.t("users.table.name")}
+ {i18n.t("users.table.name")}
{i18n.t("users.table.email")}
@@ -254,10 +252,7 @@ const Users = () => {
<>
{users.map(user => (
-
- {}
-
- {user.name}
+ {user.name}
{user.email}
{user.profile}
@@ -280,7 +275,7 @@ const Users = () => {
))}
- {loading && }
+ {loading && }
>