From aa6e1eb6d326edd22e76610fab2cd1b2089aa812 Mon Sep 17 00:00:00 2001
From: dklimpel <5740567+dklimpel@users.noreply.github.com>
Date: Tue, 7 Feb 2023 08:31:13 +0100
Subject: [PATCH] Update `Fragment`

---
 src/components/LoginPage.js     |  4 ++--
 src/components/RoomDirectory.js |  8 ++------
 src/components/ServerNotices.js |  6 +++---
 src/components/devices.js       |  6 +++---
 src/components/media.js         | 14 +++++++-------
 src/components/rooms.js         |  6 +++---
 6 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/src/components/LoginPage.js b/src/components/LoginPage.js
index c0833a7..bb75e96 100644
--- a/src/components/LoginPage.js
+++ b/src/components/LoginPage.js
@@ -261,7 +261,7 @@ const LoginPage = () => {
     );
 
     return (
-      <Box>
+      <>
         <TextInput
           autoFocus
           name="username"
@@ -293,7 +293,7 @@ const LoginPage = () => {
           className="input"
         />
         <Box className="serverVersion">{serverVersion}</Box>
-      </Box>
+      </>
     );
   };
 
diff --git a/src/components/RoomDirectory.js b/src/components/RoomDirectory.js
index ca014b8..42053d7 100644
--- a/src/components/RoomDirectory.js
+++ b/src/components/RoomDirectory.js
@@ -1,4 +1,4 @@
-import React, { Fragment } from "react";
+import React from "react";
 import { Avatar } from "@mui/material";
 import FolderSharedIcon from "@mui/icons-material/FolderShared";
 import {
@@ -128,11 +128,7 @@ export const RoomDirectorySaveButton = () => {
   );
 };
 
-const RoomDirectoryBulkActionButtons = () => (
-  <Fragment>
-    <RoomDirectoryBulkDeleteButton />
-  </Fragment>
-);
+const RoomDirectoryBulkActionButtons = () => <RoomDirectoryBulkDeleteButton />;
 
 const AvatarField = ({ source, sx }) => {
   const record = useRecordContext();
diff --git a/src/components/ServerNotices.js b/src/components/ServerNotices.js
index 9ce675e..751bada 100644
--- a/src/components/ServerNotices.js
+++ b/src/components/ServerNotices.js
@@ -1,4 +1,4 @@
-import React, { Fragment, useState } from "react";
+import React, { useState } from "react";
 import {
   Button,
   SaveButton,
@@ -93,7 +93,7 @@ export const ServerNoticeButton = () => {
   };
 
   return (
-    <Fragment>
+    <>
       <Button
         label="resources.servernotices.send"
         onClick={handleDialogOpen}
@@ -106,7 +106,7 @@ export const ServerNoticeButton = () => {
         onClose={handleDialogClose}
         onSend={handleSend}
       />
-    </Fragment>
+    </>
   );
 };
 
diff --git a/src/components/devices.js b/src/components/devices.js
index 319398c..8d2e036 100644
--- a/src/components/devices.js
+++ b/src/components/devices.js
@@ -1,4 +1,4 @@
-import React, { Fragment, useState } from "react";
+import React, { useState } from "react";
 import {
   Button,
   useDelete,
@@ -41,7 +41,7 @@ export const DeviceRemoveButton = props => {
   };
 
   return (
-    <Fragment>
+    <>
       <Button
         label="ra.action.remove"
         onClick={handleClick}
@@ -70,6 +70,6 @@ export const DeviceRemoveButton = props => {
           name: record.display_name ? record.display_name : record.id,
         }}
       />
-    </Fragment>
+    </>
   );
 };
diff --git a/src/components/media.js b/src/components/media.js
index cee1958..f17f347 100644
--- a/src/components/media.js
+++ b/src/components/media.js
@@ -1,4 +1,4 @@
-import React, { Fragment, useState } from "react";
+import React, { useState } from "react";
 import {
   BooleanInput,
   Button,
@@ -119,7 +119,7 @@ export const DeleteMediaButton = props => {
   };
 
   return (
-    <Fragment>
+    <>
       <Button
         label="resources.delete_media.action.send"
         onClick={handleDialogOpen}
@@ -142,7 +142,7 @@ export const DeleteMediaButton = props => {
         onClose={handleDialogClose}
         onSend={handleSend}
       />
-    </Fragment>
+    </>
   );
 };
 
@@ -193,7 +193,7 @@ export const ProtectMediaButton = props => {
     Wrapping Tooltip with <div>
     https://github.com/marmelab/react-admin/issues/4349#issuecomment-578594735
     */
-    <Fragment>
+    <>
       {record.quarantined_by && (
         <Tooltip
           title={translate("resources.protect_media.action.none", {
@@ -238,7 +238,7 @@ export const ProtectMediaButton = props => {
           </div>
         </Tooltip>
       )}
-    </Fragment>
+    </>
   );
 };
 
@@ -285,7 +285,7 @@ export const QuarantineMediaButton = props => {
   };
 
   return (
-    <Fragment>
+    <>
       {record.safe_from_quarantine && (
         <Tooltip
           title={translate("resources.quarantine_media.action.none", {
@@ -325,6 +325,6 @@ export const QuarantineMediaButton = props => {
           </div>
         </Tooltip>
       )}
-    </Fragment>
+    </>
   );
 };
diff --git a/src/components/rooms.js b/src/components/rooms.js
index 99d1d68..9f69cb8 100644
--- a/src/components/rooms.js
+++ b/src/components/rooms.js
@@ -1,4 +1,4 @@
-import React, { Fragment } from "react";
+import React from "react";
 import {
   BooleanField,
   BulkDeleteButton,
@@ -279,7 +279,7 @@ export const RoomShow = () => {
 };
 
 const RoomBulkActionButtons = () => (
-  <Fragment>
+  <>
     <RoomDirectoryBulkSaveButton />
     <RoomDirectoryBulkDeleteButton />
     <BulkDeleteButton
@@ -287,7 +287,7 @@ const RoomBulkActionButtons = () => (
       confirmContent="resources.rooms.action.erase.content"
       mutationMode="pessimistic"
     />
-  </Fragment>
+  </>
 );
 
 const RoomFilter = props => (