cheveguerra/whaticket-community
1
0
Fork 0
mirror of https://github.com/cheveguerra/whaticket-community.git synced 2026-04-19 12:19:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvement: better on table row skeleton styles

Browse Source
This commit is contained in:
canove
2020-11-13 07:12:27 -03:00
parent 43a17ba999
commit 9e82c5cc1f
3 changed files with 39 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/pages/Users/index.js
View File

@@ -28,6 +28,7 @@ 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";
const reducer = (state, action) => {
if (action.type === "LOAD_USERS") {
@@ -110,7 +111,7 @@ const Users = () => {
});
dispatch({ type: "LOAD_USERS", payload: data.users });
setHasMore(data.hasMore);
setLoading(false);
// setLoading(false);
} catch (err) {
const errorMsg = err.response?.data?.error;
if (errorMsg) {
@@ -252,10 +253,15 @@ const Users = () => {
<Table size="small">
<TableHead>
<TableRow>
<TableCell padding="checkbox" />
<TableCell>{i18n.t("users.table.name")}</TableCell>
<TableCell>{i18n.t("users.table.email")}</TableCell>
<TableCell>{i18n.t("users.table.profile")}</TableCell>
<TableCell align="right">
<TableCell align="center">
{i18n.t("users.table.email")}
</TableCell>
<TableCell align="center">
{i18n.t("users.table.profile")}
</TableCell>
<TableCell align="center">
{i18n.t("users.table.actions")}
</TableCell>
</TableRow>
@@ -264,10 +270,13 @@ const Users = () => {
<>
{users.map(user => (
<TableRow key={user.id}>
<TableCell style={{ paddingRight: 0 }}>
{<Avatar />}
</TableCell>
<TableCell>{user.name}</TableCell>
<TableCell>{user.email}</TableCell>
<TableCell>{user.profile}</TableCell>
<TableCell align="right">
<TableCell align="center">{user.email}</TableCell>
<TableCell align="center">{user.profile}</TableCell>
<TableCell align="center">
<IconButton
size="small"
onClick={() => handleEditUser(user)}