Run eslint autofixes

web/src/components/Preferences.jsx

@@ -17,8 +17,6 @@ import {
   useMediaQuery,
 } from "@mui/material";
 import Typography from "@mui/material/Typography";
-import prefs from "../app/Prefs";
-import { Paragraph } from "./styles";
 import EditIcon from "@mui/icons-material/Edit";
 import CloseIcon from "@mui/icons-material/Close";
 import IconButton from "@mui/material/IconButton";
@@ -29,39 +27,39 @@ import MenuItem from "@mui/material/MenuItem";
 import Card from "@mui/material/Card";
 import Button from "@mui/material/Button";
 import { useLiveQuery } from "dexie-react-hooks";
-import theme from "./theme";
 import Dialog from "@mui/material/Dialog";
 import DialogTitle from "@mui/material/DialogTitle";
 import DialogContent from "@mui/material/DialogContent";
 import DialogActions from "@mui/material/DialogActions";
+import { useTranslation } from "react-i18next";
+import { Info } from "@mui/icons-material";
+import { useOutletContext } from "react-router-dom";
+import theme from "./theme";
 import userManager from "../app/UserManager";
 import { playSound, shuffle, sounds, validUrl } from "../app/utils";
-import { useTranslation } from "react-i18next";
 import session from "../app/Session";
 import routes from "./routes";
 import accountApi, { Permission, Role } from "../app/AccountApi";
 import { Pref, PrefGroup } from "./Pref";
-import { Info } from "@mui/icons-material";
 import { AccountContext } from "./App";
-import { useOutletContext } from "react-router-dom";
+import { Paragraph } from "./styles";
+import prefs from "../app/Prefs";
 import { PermissionDenyAll, PermissionRead, PermissionReadWrite, PermissionWrite } from "./ReserveIcons";
 import { ReserveAddDialog, ReserveDeleteDialog, ReserveEditDialog } from "./ReserveDialogs";
 import { UnauthorizedError } from "../app/errors";
 import subscriptionManager from "../app/SubscriptionManager";
 import { subscribeTopic } from "./SubscribeDialog";
 
-const Preferences = () => {
-  return (
-    <Container maxWidth="md" sx={{ marginTop: 3, marginBottom: 3 }}>
-      <Stack spacing={3}>
-        <Notifications />
-        <Reservations />
-        <Users />
-        <Appearance />
-      </Stack>
-    </Container>
-  );
-};
+const Preferences = () => (
+  <Container maxWidth="md" sx={{ marginTop: 3, marginBottom: 3 }}>
+    <Stack spacing={3}>
+      <Notifications />
+      <Reservations />
+      <Users />
+      <Appearance />
+    </Stack>
+  </Container>
+);
 
 const Notifications = () => {
   const { t } = useTranslation();
@@ -107,7 +105,7 @@ const Sound = () => {
       <div style={{ display: "flex", width: "100%" }}>
         <FormControl fullWidth variant="standard" sx={{ margin: 1 }}>
           <Select value={sound} onChange={handleChange} aria-labelledby={labelId}>
-            <MenuItem value={"none"}>{t("prefs_notifications_sound_no_sound")}</MenuItem>
+            <MenuItem value="none">{t("prefs_notifications_sound_no_sound")}</MenuItem>
             {Object.entries(sounds).map((s) => (
               <MenuItem key={s[0]} value={s[0]}>
                 {s[1].label}
@@ -245,7 +243,7 @@ const Users = () => {
         </Typography>
         <Paragraph>
           {t("prefs_users_description")}
-          {session.exists() && <>{" " + t("prefs_users_description_no_sync")}</>}
+          {session.exists() && <>{` ${t("prefs_users_description_no_sync")}`}</>}
         </Paragraph>
         {users?.length > 0 && <UserTable users={users} />}
       </CardContent>
@@ -371,9 +369,9 @@ const UserDialog = (props) => {
   })();
   const handleSubmit = async () => {
     props.onSubmit({
-      baseUrl: baseUrl,
-      username: username,
-      password: password,
+      baseUrl,
+      username,
+      password,
     });
   };
   useEffect(() => {
@@ -479,7 +477,7 @@ const Language = () => {
   const showFlags = !navigator.userAgent.includes("Windows");
   let title = t("prefs_appearance_language_title");
   if (showFlags) {
-    title += " " + randomFlags.join(" ");
+    title += ` ${randomFlags.join(" ")}`;
   }
 
   const handleChange = async (ev) => {