Fixed lint

Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>

src/components/users.js

@@ -55,10 +55,14 @@ import {
 import { Link } from "react-router-dom";
 import { ServerNoticeButton, ServerNoticeBulkButton } from "./ServerNotices";
 import { DeviceRemoveButton } from "./devices";
-import { ProtectMediaButton, QuarantineMediaButton, DeleteMediaBulkButton } from "./media";
+import {
+  ProtectMediaButton,
+  QuarantineMediaButton,
+  DeleteMediaBulkButton,
+} from "./media";
 import { makeStyles } from "@material-ui/core/styles";
-import { TableHead, TableRow, TableCell, Checkbox } from '@material-ui/core';
+import { TableHead, TableRow, TableCell, Checkbox } from "@material-ui/core";
-import classnames from 'classnames';
+import classnames from "classnames";
 
 const redirect = () => {
   return {
@@ -321,8 +325,7 @@ const UserTitle = ({ record }) => {
   );
 };
 
-
+const UserMediaDatagridHeader = props => {
-const UserMediaDatagridHeader = (props) => {
   const {
     children,
     classes,
@@ -332,14 +335,8 @@ const UserMediaDatagridHeader = (props) => {
     isRowSelectable,
   } = props;
   const translate = useTranslate();
-  const {
+  const { currentSort, data, ids, onSelect, selectedIds, setSort } =
-      currentSort,
+    useListContext(props);
-      data,
-      ids,
-      onSelect,
-      selectedIds,
-      setSort,
-  } = useListContext(props);
 
   const updateSortCallback = React.useCallback(
     event => {
@@ -347,9 +344,9 @@ const UserMediaDatagridHeader = (props) => {
       const newField = event.currentTarget.dataset.field;
       const newOrder =
         currentSort.field === newField
-                  ? currentSort.order === 'ASC'
+          ? currentSort.order === "ASC"
-                      ? 'DESC'
+            ? "DESC"
-                      : 'ASC'
+            : "ASC"
           : event.currentTarget.dataset.order;
 
       setSort(newField, newOrder);
@@ -378,7 +375,6 @@ const UserMediaDatagridHeader = (props) => {
     ? ids.filter(id => isRowSelectable(data[id]))
     : ids;
 
-
   return (
     <TableHead className={classnames(className, classes.thead)}>
       <TableRow>
@@ -392,29 +388,21 @@ const UserMediaDatagridHeader = (props) => {
         {hasExpand && (
           <TableCell
             padding="none"
-                    className={classnames(
+            className={classnames(classes.headerCell, classes.expandHeader)}
-                        classes.headerCell,
-                        classes.expandHeader
-                    )}
           />
         )}
         {hasBulkActions && selectedIds && (
-                <TableCell
+          <TableCell padding="checkbox" className={classes.headerCell}>
-                    padding="checkbox"
-                    className={classes.headerCell}
-                >
             <Checkbox
-                        aria-label={translate('ra.action.select_all', {
+              aria-label={translate("ra.action.select_all", {
-                            _: 'Select all',
+                _: "Select all",
               })}
               className="select-all"
               color="primary"
               checked={
                 selectedIds.length > 0 &&
                 selectableIds.length > 0 &&
-                            selectableIds.every(id =>
+                selectableIds.every(id => selectedIds.includes(id))
-                                selectedIds.includes(id)
-                            )
               }
               onChange={handleSelectAll}
             />
@@ -427,11 +415,9 @@ const UserMediaDatagridHeader = (props) => {
               currentSort={currentSort}
               field={field}
               isSorting={
-                            currentSort.field ===
+                currentSort.field === (field.props.sortBy || field.props.source)
-                            ((field.props).sortBy ||
-                                (field.props).source)
               }
-                        key={(field.props).source || index}
+              key={field.props.source || index}
               resource="users_media"
               updateSort={updateSort}
             />
@@ -440,7 +426,7 @@ const UserMediaDatagridHeader = (props) => {
       </TableRow>
     </TableHead>
   );
-}
+};
 
 export const UserEdit = props => {
   const classes = useStyles();
@@ -611,11 +597,25 @@ export const UserEdit = props => {
                 render={record => {
                   let data = {
                     title: record.upload_name,
-                    imgURL: `${localStorage.getItem("base_url")}/_matrix/media/v1/thumbnail/${localStorage.getItem("home_server")}/${record.media_id}?width=50&height=50&method=crop`,
+                    imgURL: `${localStorage.getItem(
-                    downloadURL: `${localStorage.getItem("base_url")}/_matrix/media/r0/download/${localStorage.getItem("home_server")}/${record.media_id}`,
+                      "base_url"
-                  }
+                    )}/_matrix/media/v1/thumbnail/${localStorage.getItem(
+                      "home_server"
+                    )}/${record.media_id}?width=50&height=50&method=crop`,
+                    downloadURL: `${localStorage.getItem(
+                      "base_url"
+                    )}/_matrix/media/r0/download/${localStorage.getItem(
+                      "home_server"
+                    )}/${record.media_id}`,
+                  };
                   if (record.media_type.startsWith("image")) {
-                    return <ImageField record={data} source="imgURL" onClick={() => window.open(data.downloadURL)} />
+                    return (
+                      <ImageField
+                        record={data}
+                        source="imgURL"
+                        onClick={() => window.open(data.downloadURL)}
+                      />
+                    );
                   } else {
                     return "Preview unavailable";
                   }