aboutsummaryrefslogtreecommitdiff
path: root/modern/src/settings/UserConnectionsPage.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/settings/UserConnectionsPage.jsx')
-rw-r--r--modern/src/settings/UserConnectionsPage.jsx18
1 files changed, 4 insertions, 14 deletions
diff --git a/modern/src/settings/UserConnectionsPage.jsx b/modern/src/settings/UserConnectionsPage.jsx
index 80de8835..3ca0bdc1 100644
--- a/modern/src/settings/UserConnectionsPage.jsx
+++ b/modern/src/settings/UserConnectionsPage.jsx
@@ -7,28 +7,16 @@ import {
Typography,
Container,
} from '@mui/material';
-import makeStyles from '@mui/styles/makeStyles';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import LinkField from '../common/components/LinkField';
import { useTranslation } from '../common/components/LocalizationProvider';
import SettingsMenu from './components/SettingsMenu';
import { formatNotificationTitle } from '../common/util/formatter';
import PageLayout from '../common/components/PageLayout';
-
-const useStyles = makeStyles((theme) => ({
- container: {
- marginTop: theme.spacing(2),
- },
- details: {
- display: 'flex',
- flexDirection: 'column',
- gap: theme.spacing(2),
- paddingBottom: theme.spacing(3),
- },
-}));
+import useSettingsStyles from './common/useSettingsStyles';
const UserConnectionsPage = () => {
- const classes = useStyles();
+ const classes = useSettingsStyles();
const t = useTranslation();
const { id } = useParams();
@@ -52,6 +40,7 @@ const UserConnectionsPage = () => {
baseId={id}
keyBase="userId"
keyLink="deviceId"
+ titleGetter={(it) => `${it.name} (${it.uniqueId})`}
label={t('deviceTitle')}
/>
<LinkField
@@ -110,6 +99,7 @@ const UserConnectionsPage = () => {
baseId={id}
keyBase="userId"
keyLink="driverId"
+ titleGetter={(it) => `${it.name} (${it.uniqueId})`}
label={t('sharedDrivers')}
/>
<LinkField