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 && }