mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-12 10:23:28 +03:00
Code Issues Projects Releases Packages Wiki Activity

Migrate RoomDetailList to TypeScript

Browse source
This commit is contained in:
Germain Souquet 2021-08-14 10:36:04 +02:00
parent e9e6269da7
commit 7290a65924
1 changed files with 13 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/views/rooms/RoomDetailList.js → src/components/views/rooms/RoomDetailList.tsx
View file

@ -14,24 +14,23 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
import React from 'react';
import { Room } from 'matrix-js-sdk/src';
import classNames from 'classnames';
import * as sdk from '../../../index'; import * as sdk from '../../../index';
import dis from '../../../dispatcher/dispatcher'; import dis from '../../../dispatcher/dispatcher';
import React from 'react';
import { _t } from '../../../languageHandler'; import { _t } from '../../../languageHandler';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { roomShape } from './RoomDetailRow';
import { replaceableComponent } from "../../../utils/replaceableComponent"; import { replaceableComponent } from "../../../utils/replaceableComponent";
@replaceableComponent("views.rooms.RoomDetailList") interface IProps {
export default class RoomDetailList extends React.Component { rooms?: Room[];
static propTypes = { className?: string;
rooms: PropTypes.arrayOf(roomShape), }
className: PropTypes.string,
};
getRows() { @replaceableComponent("views.rooms.RoomDetailList")
export default class RoomDetailList extends React.Component<IProps> {
public getRows(): JSX.Element[] {
if (!this.props.rooms) return []; if (!this.props.rooms) return [];
const RoomDetailRow = sdk.getComponent('rooms.RoomDetailRow'); const RoomDetailRow = sdk.getComponent('rooms.RoomDetailRow');
@ -40,15 +39,15 @@ export default class RoomDetailList extends React.Component {
}); });
} }
onDetailsClick = (ev, room) => { public onDetailsClick = (ev: React.MouseEvent, room: Room): void => {
dis.dispatch({ dis.dispatch({
action: 'view_room', action: 'view_room',
room_id: room.roomId, room_id: room.roomId,
room_alias: room.canonicalAlias || (room.aliases || [])[0], room_alias: room.getCanonicalAlias() || (room.getAltAliases() || [])[0],
}); });
}; };
render() { public render(): JSX.Element {
const rows = this.getRows(); const rows = this.getRows();
let rooms; let rooms;
if (rows.length === 0) { if (rows.length === 0) {