update version in package.json

Bumps [softprops/action-gh-release](https://github.com/softprops/action-gh-release) from 2.0.8 to 2.2.2.
- [Release notes](https://github.com/softprops/action-gh-release/releases)
- [Changelog](https://github.com/softprops/action-gh-release/blob/master/CHANGELOG.md)
- [Commits](c062e08bd5...da05d55257)

---
updated-dependencies:
- dependency-name: softprops/action-gh-release
  dependency-version: 2.2.2
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "synapse-admin",
-  "version": "0.10.3",
+  "version": "0.11.0",
   "description": "Admin GUI for the Matrix.org server Synapse",
   "type": "module",
   "author": "etke.cc (originally by Awesome Technologies Innovationslabor GmbH)",

src/components/DeleteRoomButton.tsx

@@ -1,7 +1,7 @@
 import ActionCheck from "@mui/icons-material/CheckCircle";
 import ActionDelete from "@mui/icons-material/Delete";
 import AlertError from "@mui/icons-material/ErrorOutline";
-import { Button, Tooltip, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from "@mui/material";
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from "@mui/material";
 import { Fragment, useState } from "react";
 import {
   SimpleForm,
@@ -63,24 +63,22 @@ const DeleteRoomButton: React.FC<DeleteRoomButtonProps> = props => {
 
   return (
     <Fragment>
-      <Tooltip title={translate("ra.action.delete")}>
+      <Button
-        <Button
+        onClick={handleDialogOpen}
-          onClick={handleDialogOpen}
+        disabled={isLoading}
-          disabled={isLoading}
+        className={"ra-delete-button"}
-          className={"ra-delete-button"}
+        key="button"
-          key="button"
+        size="small"
-          size="small"
+        sx={{
-          sx={{
+          "&.MuiButton-sizeSmall": {
-            "&.MuiButton-sizeSmall": {
+            lineHeight: 1.5,
-              lineHeight: 1.5,
+          },
-            },
+        }}
-          }}
+        color={"error"}
-          color={"error"}
+        startIcon={<ActionDelete />}
-          startIcon={<ActionDelete />}
+      >
-        >
+        {translate("ra.action.delete")}
-          {translate("ra.action.delete")}
+      </Button>
-        </Button>
-      </Tooltip>
       <Dialog open={open} onClose={handleDialogClose}>
         <DialogTitle>{translate(props.confirmTitle)}</DialogTitle>
         <DialogContent>

src/components/DeleteUserButton.tsx

@@ -1,7 +1,7 @@
 import ActionCheck from "@mui/icons-material/CheckCircle";
 import ActionDelete from "@mui/icons-material/Delete";
 import AlertError from "@mui/icons-material/ErrorOutline";
-import { Tooltip, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from "@mui/material";
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from "@mui/material";
 import { Fragment, useState } from "react";
 import {
   SimpleForm,
@@ -69,24 +69,22 @@ const DeleteUserButton: React.FC<DeleteUserButtonProps> = props => {
 
   return (
     <Fragment>
-      <Tooltip title={translate("ra.action.delete")}>
+      <Button
-        <Button
+        onClick={handleDialogOpen}
-          onClick={handleDialogOpen}
+        disabled={isLoading}
-          disabled={isLoading}
+        className={"ra-delete-button"}
-          className={"ra-delete-button"}
+        key="button"
-          key="button"
+        size="small"
-          size="small"
+        sx={{
-          sx={{
+          "&.MuiButton-sizeSmall": {
-            "&.MuiButton-sizeSmall": {
+            lineHeight: 1.5,
-              lineHeight: 1.5,
+          },
-            },
+        }}
-          }}
+        color={"error"}
-          color={"error"}
+        startIcon={<ActionDelete />}
-          startIcon={<ActionDelete />}
+      >
-        >
+        {translate("ra.action.delete")}
-          {translate("ra.action.delete")}
+      </Button>
-        </Button>
-      </Tooltip>
       <Dialog open={open} onClose={handleDialogClose}>
         <DialogTitle>{translate(props.confirmTitle)}</DialogTitle>
         <DialogContent>

src/components/DeviceRemoveButton.tsx

@@ -1,11 +1,8 @@
-import { Tooltip } from "@mui/material";
 import { DeleteWithConfirmButton, DeleteWithConfirmButtonProps, useRecordContext } from "react-admin";
-import { useTranslate } from "react-admin";
 
 import { isASManaged } from "../utils/mxid";
 
 export const DeviceRemoveButton = (props: DeleteWithConfirmButtonProps) => {
-  const translate = useTranslate();
   const record = useRecordContext();
   if (!record) return null;
 
@@ -15,23 +12,19 @@ export const DeviceRemoveButton = (props: DeleteWithConfirmButtonProps) => {
   }
 
   return (
-    <Tooltip
+    <DeleteWithConfirmButton
-      title={isASManagedUser ? translate("resources.devices.action.erase.disabled") : translate("ra.action.delete")}
+      {...props}
-    >
+      label="ra.action.remove"
-      <DeleteWithConfirmButton
+      confirmTitle="resources.devices.action.erase.title"
-        {...props}
+      confirmContent="resources.devices.action.erase.content"
-        label="ra.action.remove"
+      mutationMode="pessimistic"
-        confirmTitle="resources.devices.action.erase.title"
+      redirect={false}
-        confirmContent="resources.devices.action.erase.content"
+      disabled={isASManagedUser}
-        mutationMode="pessimistic"
+      translateOptions={{
-        redirect={false}
+        id: record.id,
-        disabled={isASManagedUser}
+        name: record.display_name ? record.display_name : record.id,
-        translateOptions={{
+      }}
-          id: record.id,
+    />
-          name: record.display_name ? record.display_name : record.id,
-        }}
-      />
-    </Tooltip>
   );
 };
 

src/components/ExperimentalFeatures.tsx

@@ -1,6 +1,8 @@
-import { Tooltip, Stack, Switch, Typography } from "@mui/material";
+import { Stack, Switch, Typography } from "@mui/material";
 import { useState, useEffect } from "react";
-import { useRecordContext, useTranslate, useNotify, useDataProvider } from "react-admin";
+import { useRecordContext } from "react-admin";
+import { useNotify } from "react-admin";
+import { useDataProvider } from "react-admin";
 
 import { ExperimentalFeaturesModel, SynapseDataProvider } from "../synapse/dataProvider";
 
@@ -13,7 +15,6 @@ const ExperimentalFeatureRow = (props: {
   featureValue: boolean;
   updateFeature: (feature_name: string, feature_value: boolean) => void;
 }) => {
-  const translate = useTranslate();
   const featureKey = props.featureKey;
   const featureValue = props.featureValue;
   const featureDescription = experimentalFeaturesMap[featureKey] ?? "";
@@ -33,9 +34,7 @@ const ExperimentalFeatureRow = (props: {
         padding: 2,
       }}
     >
-      <Tooltip title={translate("resources.experimental_features.action.toggle")}>
+      <Switch checked={checked} onChange={handleChange} />
-        <Switch checked={checked} onChange={handleChange} />
-      </Tooltip>
       <Stack>
         <Typography
           variant="subtitle1"

src/components/media.tsx

@@ -50,14 +50,10 @@ const DeleteMediaDialog = ({ open, onClose, onSubmit }) => {
 
   const DeleteMediaToolbar = (props: ToolbarProps) => (
     <Toolbar {...props}>
-      <Tooltip title={translate("delete_media.helper.send")}>
+      <SaveButton label="delete_media.action.send" icon={<DeleteSweepIcon />} />
-        <SaveButton label="delete_media.action.send" icon={<DeleteSweepIcon />} />
+      <Button label="ra.action.cancel" onClick={onClose}>
-      </Tooltip>
+        <IconCancel />
-      <Tooltip title={translate("ra.action.cancel")}>
+      </Button>
-        <Button label="ra.action.cancel" onClick={onClose}>
-          <IconCancel />
-        </Button>
-      </Tooltip>
     </Toolbar>
   );
 
@@ -67,20 +63,9 @@ const DeleteMediaDialog = ({ open, onClose, onSubmit }) => {
       <DialogContent>
         <DialogContentText>{translate("delete_media.helper.send")}</DialogContentText>
         <SimpleForm toolbar={<DeleteMediaToolbar />} onSubmit={onSubmit}>
-          <Tooltip title={translate("delete_media.helper.before_ts")}>
+          <DateTimeInput source="before_ts" label="delete_media.fields.before_ts" defaultValue={0} parse={dateParser} />
-            <DateTimeInput
+          <NumberInput source="size_gt" label="delete_media.fields.size_gt" defaultValue={0} min={0} step={1024} />
-              source="before_ts"
+          <BooleanInput source="keep_profiles" label="delete_media.fields.keep_profiles" defaultValue={true} />
-              label="delete_media.fields.before_ts"
-              defaultValue={0}
-              parse={dateParser}
-            />
-          </Tooltip>
-          <Tooltip title={translate("delete_media.helper.size_gt")}>
-            <NumberInput source="size_gt" label="delete_media.fields.size_gt" defaultValue={0} min={0} step={1024} />
-          </Tooltip>
-          <Tooltip title={translate("delete_media.helper.keep_profiles")}>
-            <BooleanInput source="keep_profiles" label="delete_media.fields.keep_profiles" defaultValue={true} />
-          </Tooltip>
         </SimpleForm>
       </DialogContent>
     </Dialog>
@@ -91,7 +76,6 @@ export const DeleteMediaButton = (props: ButtonProps) => {
   const theme = useTheme();
   const [open, setOpen] = useState(false);
   const notify = useNotify();
-  const translate = useTranslate();
   const dataProvider = useDataProvider<SynapseDataProvider>();
   const { mutate: deleteMedia, isPending } = useMutation({
     mutationFn: (values: DeleteMediaParams) => dataProvider.deleteMedia(values),
@@ -111,26 +95,24 @@ export const DeleteMediaButton = (props: ButtonProps) => {
 
   return (
     <>
-      <Tooltip title={translate("delete_media.helper.send")}>
+      <Button
-        <Button
+        {...props}
-          {...props}
+        label="delete_media.action.send"
-          label="delete_media.action.send"
+        onClick={openDialog}
-          onClick={openDialog}
+        disabled={isPending}
-          disabled={isPending}
+        sx={{
-          sx={{
+          color: theme.palette.error.main,
-            color: theme.palette.error.main,
+          "&:hover": {
-            "&:hover": {
+            backgroundColor: alpha(theme.palette.error.main, 0.12),
-              backgroundColor: alpha(theme.palette.error.main, 0.12),
+            // Reset on mouse devices
-              // Reset on mouse devices
+            "@media (hover: none)": {
-              "@media (hover: none)": {
+              backgroundColor: "transparent",
-                backgroundColor: "transparent",
-              },
             },
-          }}
+          },
-        >
+        }}
-          <DeleteSweepIcon />
+      >
-        </Button>
+        <DeleteSweepIcon />
-      </Tooltip>
+      </Button>
       <DeleteMediaDialog open={open} onClose={closeDialog} onSubmit={deleteMedia} />
     </>
   );
@@ -141,14 +123,10 @@ const PurgeRemoteMediaDialog = ({ open, onClose, onSubmit }) => {
 
   const PurgeRemoteMediaToolbar = (props: ToolbarProps) => (
     <Toolbar {...props}>
-      <Tooltip title={translate("purge_remote_media.helper.send")}>
+      <SaveButton label="purge_remote_media.action.send" icon={<DeleteSweepIcon />} />
-        <SaveButton label="purge_remote_media.action.send" icon={<DeleteSweepIcon />} />
+      <Button label="ra.action.cancel" onClick={onClose}>
-      </Tooltip>
+        <IconCancel />
-      <Tooltip title={translate("ra.action.cancel")}>
+      </Button>
-        <Button label="ra.action.cancel" onClick={onClose}>
-          <IconCancel />
-        </Button>
-      </Tooltip>
     </Toolbar>
   );
 
@@ -174,7 +152,6 @@ export const PurgeRemoteMediaButton = (props: ButtonProps) => {
   const theme = useTheme();
   const [open, setOpen] = useState(false);
   const notify = useNotify();
-  const translate = useTranslate();
   const dataProvider = useDataProvider<SynapseDataProvider>();
   const { mutate: purgeRemoteMedia, isPending } = useMutation({
     mutationFn: (values: DeleteMediaParams) => dataProvider.purgeRemoteMedia(values),
@@ -194,24 +171,22 @@ export const PurgeRemoteMediaButton = (props: ButtonProps) => {
 
   return (
     <>
-      <Tooltip title={translate("purge_remote_media.helper.send")}>
+      <Button
-        <Button
+        {...props}
-          {...props}
+        label="purge_remote_media.action.send"
-          label="purge_remote_media.action.send"
+        onClick={openDialog}
-          onClick={openDialog}
+        disabled={isPending}
-          disabled={isPending}
+        sx={{
-          sx={{
+          "&:hover": {
-            "&:hover": {
+            // Reset on mouse devices
-              // Reset on mouse devices
+            "@media (hover: none)": {
-              "@media (hover: none)": {
+              backgroundColor: "transparent",
-                backgroundColor: "transparent",
-              },
             },
-          }}
+          },
-        >
+        }}
-          <DeleteSweepIcon />
+      >
-        </Button>
+        <DeleteSweepIcon />
-      </Tooltip>
+      </Button>
       <PurgeRemoteMediaDialog open={open} onClose={closeDialog} onSubmit={purgeRemoteMedia} />
     </>
   );
@@ -487,7 +462,6 @@ export const ViewMediaButton = ({ mxcURL, label, uploadName, mimetype }) => {
 };
 
 export const MediaIDField = ({ source }) => {
-  const translate = useTranslate();
   const record = useRecordContext();
   if (!record) {
     return null;
@@ -510,15 +484,10 @@ export const MediaIDField = ({ source }) => {
     mxcURL = `mxc://${homeserver}/${mediaID}`;
   }
 
-  return (
+  return <ViewMediaButton mxcURL={mxcURL} label={mediaID} uploadName={uploadName} mimetype={record.media_type} />;
-    <Tooltip title={translate("resources.users_media.action.open")}>
-      <ViewMediaButton mxcURL={mxcURL} label={mediaID} uploadName={uploadName} mimetype={record.media_type} />
-    </Tooltip>
-  );
 };
 
 export const ReportMediaContent = ({ source }) => {
-  const translate = useTranslate();
   const record = useRecordContext();
   if (!record) {
     return null;
@@ -534,9 +503,5 @@ export const ReportMediaContent = ({ source }) => {
     uploadName = decodeURLComponent(get(record, "event_json.content.body")?.toString());
   }
 
-  return (
+  return <ViewMediaButton mxcURL={mxcURL} label={mxcURL} uploadName={uploadName} mimetype={record.media_type} />;
-    <Tooltip title={translate("resources.users_media.action.open")}>
-      <ViewMediaButton mxcURL={mxcURL} label={mxcURL} uploadName={uploadName} mimetype={record.media_type} />
-    </Tooltip>
-  );
 };