diff --git a/public/locales/en-GB/app.json b/public/locales/en-GB/app.json index 58c05f2b..abca4ba2 100644 --- a/public/locales/en-GB/app.json +++ b/public/locales/en-GB/app.json @@ -59,6 +59,7 @@ "username": "Username", "video": "Video" }, + "device_id": "Device ID: {{id}}", "disconnected_banner": "Connectivity to the server has been lost.", "full_screen_view_description": "<0>Submitting debug logs will help us track down the problem.", "full_screen_view_h1": "<0>Oops, something's gone wrong.", @@ -99,6 +100,7 @@ "login_auth_links_prompt": "Not registered yet?", "login_subheading": "To continue to Element", "login_title": "Login", + "matrix_id": "Matrix ID: {{id}}", "microphone_off": "Microphone off", "microphone_on": "Microphone on", "mute_microphone_button_label": "Mute microphone", diff --git a/src/settings/SettingsModal.tsx b/src/settings/SettingsModal.tsx index 6f9f83ab..ae1bfed6 100644 --- a/src/settings/SettingsModal.tsx +++ b/src/settings/SettingsModal.tsx @@ -30,7 +30,7 @@ import UserIcon from "../icons/User.svg?react"; import FeedbackIcon from "../icons/Feedback.svg?react"; import { SelectInput } from "../input/SelectInput"; import { FieldRow, InputField } from "../input/Input"; -import { Body, Caption } from "../typography/Typography"; +import { Caption } from "../typography/Typography"; import { AnalyticsNotice } from "../analytics/AnalyticsNotice"; import { ProfileSettingsTab } from "./ProfileSettingsTab"; import { FeedbackSettingsTab } from "./FeedbackSettingsTab"; @@ -239,13 +239,21 @@ export const SettingsModal: FC = ({ } > - - - {t("version", { - version: import.meta.env.VITE_APP_VERSION || "dev", - })} - - +

+ {t("version", { + version: import.meta.env.VITE_APP_VERSION || "dev", + })} +

+

+ {t("matrix_id", { + id: client.getUserId() || "unknown", + })} +

+

+ {t("device_id", { + id: client.getDeviceId() || "unknown", + })} +