matrix-react-sdk
Version:
SDK for matrix.org using React
59 lines (56 loc) • 7.11 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Heading = _interopRequireDefault(require("../../typography/Heading"));
var _DeviceTypeIcon = require("./DeviceTypeIcon");
var _NativeEventUtils = require("../../../../utils/NativeEventUtils");
var _DeviceMetaData = require("./DeviceMetaData");
/*
Copyright 2024 New Vector Ltd.
Copyright 2022, 2023 The Matrix.org Foundation C.I.C.
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
const DeviceTileName = ({
device
}) => {
return /*#__PURE__*/_react.default.createElement(_Heading.default, {
size: "4"
}, device.display_name || device.device_id);
};
const DeviceTile = ({
device,
children,
isSelected,
onClick
}) => {
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _classnames.default)("mx_DeviceTile", {
mx_DeviceTile_interactive: !!onClick
}),
"data-testid": `device-tile-${device.device_id}`,
onClick: onClick
}, /*#__PURE__*/_react.default.createElement(_DeviceTypeIcon.DeviceTypeIcon, {
isVerified: device.isVerified,
isSelected: isSelected,
deviceType: device.deviceType
}), /*#__PURE__*/_react.default.createElement("div", {
className: "mx_DeviceTile_info"
}, /*#__PURE__*/_react.default.createElement(DeviceTileName, {
device: device
}), /*#__PURE__*/_react.default.createElement("div", {
className: "mx_DeviceTile_metadata"
}, /*#__PURE__*/_react.default.createElement(_DeviceMetaData.DeviceMetaData, {
device: device
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "mx_DeviceTile_actions",
onClick: (0, _NativeEventUtils.preventDefaultWrapper)(() => {})
}, children));
};
var _default = exports.default = DeviceTile;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9jbGFzc25hbWVzIiwiX0hlYWRpbmciLCJfRGV2aWNlVHlwZUljb24iLCJfTmF0aXZlRXZlbnRVdGlscyIsIl9EZXZpY2VNZXRhRGF0YSIsIkRldmljZVRpbGVOYW1lIiwiZGV2aWNlIiwiZGVmYXVsdCIsImNyZWF0ZUVsZW1lbnQiLCJzaXplIiwiZGlzcGxheV9uYW1lIiwiZGV2aWNlX2lkIiwiRGV2aWNlVGlsZSIsImNoaWxkcmVuIiwiaXNTZWxlY3RlZCIsIm9uQ2xpY2siLCJjbGFzc05hbWUiLCJjbGFzc05hbWVzIiwibXhfRGV2aWNlVGlsZV9pbnRlcmFjdGl2ZSIsIkRldmljZVR5cGVJY29uIiwiaXNWZXJpZmllZCIsImRldmljZVR5cGUiLCJEZXZpY2VNZXRhRGF0YSIsInByZXZlbnREZWZhdWx0V3JhcHBlciIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL3NldHRpbmdzL2RldmljZXMvRGV2aWNlVGlsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDI0IE5ldyBWZWN0b3IgTHRkLlxuQ29weXJpZ2h0IDIwMjIsIDIwMjMgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cblxuU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHkgT1IgR1BMLTMuMC1vbmx5XG5QbGVhc2Ugc2VlIExJQ0VOU0UgZmlsZXMgaW4gdGhlIHJlcG9zaXRvcnkgcm9vdCBmb3IgZnVsbCBkZXRhaWxzLlxuKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcblxuaW1wb3J0IEhlYWRpbmcgZnJvbSBcIi4uLy4uL3R5cG9ncmFwaHkvSGVhZGluZ1wiO1xuaW1wb3J0IHsgRXh0ZW5kZWREZXZpY2UgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgRGV2aWNlVHlwZUljb24gfSBmcm9tIFwiLi9EZXZpY2VUeXBlSWNvblwiO1xuaW1wb3J0IHsgcHJldmVudERlZmF1bHRXcmFwcGVyIH0gZnJvbSBcIi4uLy4uLy4uLy4uL3V0aWxzL05hdGl2ZUV2ZW50VXRpbHNcIjtcbmltcG9ydCB7IERldmljZU1ldGFEYXRhIH0gZnJvbSBcIi4vRGV2aWNlTWV0YURhdGFcIjtcbmV4cG9ydCBpbnRlcmZhY2UgRGV2aWNlVGlsZVByb3BzIHtcbiAgICBkZXZpY2U6IEV4dGVuZGVkRGV2aWNlO1xuICAgIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICAgIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBEZXZpY2VUaWxlTmFtZTogUmVhY3QuRkM8eyBkZXZpY2U6IEV4dGVuZGVkRGV2aWNlIH0+ID0gKHsgZGV2aWNlIH0pID0+IHtcbiAgICByZXR1cm4gPEhlYWRpbmcgc2l6ZT1cIjRcIj57ZGV2aWNlLmRpc3BsYXlfbmFtZSB8fCBkZXZpY2UuZGV2aWNlX2lkfTwvSGVhZGluZz47XG59O1xuXG5jb25zdCBEZXZpY2VUaWxlOiBSZWFjdC5GQzxEZXZpY2VUaWxlUHJvcHM+ID0gKHsgZGV2aWNlLCBjaGlsZHJlbiwgaXNTZWxlY3RlZCwgb25DbGljayB9KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKFwibXhfRGV2aWNlVGlsZVwiLCB7IG14X0RldmljZVRpbGVfaW50ZXJhY3RpdmU6ICEhb25DbGljayB9KX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgZGV2aWNlLXRpbGUtJHtkZXZpY2UuZGV2aWNlX2lkfWB9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICA+XG4gICAgICAgICAgICA8RGV2aWNlVHlwZUljb24gaXNWZXJpZmllZD17ZGV2aWNlLmlzVmVyaWZpZWR9IGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9IGRldmljZVR5cGU9e2RldmljZS5kZXZpY2VUeXBlfSAvPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9EZXZpY2VUaWxlX2luZm9cIj5cbiAgICAgICAgICAgICAgICA8RGV2aWNlVGlsZU5hbWUgZGV2aWNlPXtkZXZpY2V9IC8+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9EZXZpY2VUaWxlX21ldGFkYXRhXCI+XG4gICAgICAgICAgICAgICAgICAgIDxEZXZpY2VNZXRhRGF0YSBkZXZpY2U9e2RldmljZX0gLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9EZXZpY2VUaWxlX2FjdGlvbnNcIiBvbkNsaWNrPXtwcmV2ZW50RGVmYXVsdFdyYXBwZXIoKCkgPT4ge30pfT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldmljZVRpbGU7XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFRQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxXQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBRSxRQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBRyxlQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxpQkFBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssZUFBQSxHQUFBTCxPQUFBO0FBZkE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7O0FBaUJBLE1BQU1NLGNBQW9ELEdBQUdBLENBQUM7RUFBRUM7QUFBTyxDQUFDLEtBQUs7RUFDekUsb0JBQU9ULE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBLENBQUNQLFFBQUEsQ0FBQU0sT0FBTztJQUFDRSxJQUFJLEVBQUM7RUFBRyxHQUFFSCxNQUFNLENBQUNJLFlBQVksSUFBSUosTUFBTSxDQUFDSyxTQUFtQixDQUFDO0FBQ2hGLENBQUM7QUFFRCxNQUFNQyxVQUFxQyxHQUFHQSxDQUFDO0VBQUVOLE1BQU07RUFBRU8sUUFBUTtFQUFFQyxVQUFVO0VBQUVDO0FBQVEsQ0FBQyxLQUFLO0VBQ3pGLG9CQUNJbEIsTUFBQSxDQUFBVSxPQUFBLENBQUFDLGFBQUE7SUFDSVEsU0FBUyxFQUFFLElBQUFDLG1CQUFVLEVBQUMsZUFBZSxFQUFFO01BQUVDLHlCQUF5QixFQUFFLENBQUMsQ0FBQ0g7SUFBUSxDQUFDLENBQUU7SUFDakYsZUFBYSxlQUFlVCxNQUFNLENBQUNLLFNBQVMsRUFBRztJQUMvQ0ksT0FBTyxFQUFFQTtFQUFRLGdCQUVqQmxCLE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBLENBQUNOLGVBQUEsQ0FBQWlCLGNBQWM7SUFBQ0MsVUFBVSxFQUFFZCxNQUFNLENBQUNjLFVBQVc7SUFBQ04sVUFBVSxFQUFFQSxVQUFXO0lBQUNPLFVBQVUsRUFBRWYsTUFBTSxDQUFDZTtFQUFXLENBQUUsQ0FBQyxlQUN4R3hCLE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBO0lBQUtRLFNBQVMsRUFBQztFQUFvQixnQkFDL0JuQixNQUFBLENBQUFVLE9BQUEsQ0FBQUMsYUFBQSxDQUFDSCxjQUFjO0lBQUNDLE1BQU0sRUFBRUE7RUFBTyxDQUFFLENBQUMsZUFDbENULE1BQUEsQ0FBQVUsT0FBQSxDQUFBQyxhQUFBO0lBQUtRLFNBQVMsRUFBQztFQUF3QixnQkFDbkNuQixNQUFBLENBQUFVLE9BQUEsQ0FBQUMsYUFBQSxDQUFDSixlQUFBLENBQUFrQixjQUFjO0lBQUNoQixNQUFNLEVBQUVBO0VBQU8sQ0FBRSxDQUNoQyxDQUNKLENBQUMsZUFDTlQsTUFBQSxDQUFBVSxPQUFBLENBQUFDLGFBQUE7SUFBS1EsU0FBUyxFQUFDLHVCQUF1QjtJQUFDRCxPQUFPLEVBQUUsSUFBQVEsdUNBQXFCLEVBQUMsTUFBTSxDQUFDLENBQUM7RUFBRSxHQUMzRVYsUUFDQSxDQUNKLENBQUM7QUFFZCxDQUFDO0FBQUMsSUFBQVcsUUFBQSxHQUFBQyxPQUFBLENBQUFsQixPQUFBLEdBRWFLLFVBQVUiLCJpZ25vcmVMaXN0IjpbXX0=