mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-24 02:05:45 +03:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #3754 from matrix-org/t3chguy/fuzzy_filter_room_list

Browse source 
apply unhomoglyph when filtering room list to fuzzify it
This commit is contained in:
Michael Telatynski 2019-12-19 17:16:09 +00:00 committed by GitHub
commit ba2078e262
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/views/rooms/RoomList.js
View file

@ -22,6 +22,7 @@ import React from "react";
import ReactDOM from "react-dom"; import ReactDOM from "react-dom";
import createReactClass from 'create-react-class'; import createReactClass from 'create-react-class';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import utils from "matrix-js-sdk/lib/utils";
import { _t } from '../../../languageHandler'; import { _t } from '../../../languageHandler';
const MatrixClientPeg = require("../../../MatrixClientPeg"); const MatrixClientPeg = require("../../../MatrixClientPeg");
const CallHandler = require('../../../CallHandler'); const CallHandler = require('../../../CallHandler');
@ -588,11 +589,16 @@ module.exports = createReactClass({
_applySearchFilter: function(list, filter) { _applySearchFilter: function(list, filter) {
if (filter === "") return list; if (filter === "") return list;
const fuzzyFilter = utils.removeHiddenChars(filter).toLowerCase();
const lcFilter = filter.toLowerCase(); const lcFilter = filter.toLowerCase();
// case insensitive if room name includes filter, // case insensitive if room name includes filter,
// or if starts with `#` and one of room's aliases starts with filter // or if starts with `#` and one of room's aliases starts with filter
return list.filter((room) => (room.name && room.name.toLowerCase().includes(lcFilter)) || return list.filter((room) => {
(filter[0] === '#' && room.getAliases().some((alias) => alias.toLowerCase().startsWith(lcFilter)))); if (filter[0] === "#" && room.getAliases().some((alias) => alias.toLowerCase().startsWith(lcFilter))) {
return true;
}
return room.name ? utils.removeHiddenChars(room.name).toLowerCase().includes(fuzzyFilter) : false;
});
}, },
_handleCollapsedState: function(key, collapsed) { _handleCollapsedState: function(key, collapsed) {