fix: allow full link search

Signed-off-by: Boluwatife Omosowon <boluomosowon@gmail.com>
matrix-org · Apr 10, 2022 · 9ba6051 · 9ba6051
1 parent 604a6ed
commit 9ba6051
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/structures/RoomDirectory.tsx b/src/components/structures/RoomDirectory.tsx
@@ -164,6 +164,10 @@ export default class RoomDirectory extends React.Component<IProps, IState> {
         this.getMoreRooms();
     };
 
+    private transformSearchTerm(term: string): string {
+        return term.substring(term.lastIndexOf("#"));
+    };
+
     private getMoreRooms(): Promise<boolean> {
         if (!MatrixClientPeg.get()) return Promise.resolve(false);
 
@@ -186,7 +190,7 @@ export default class RoomDirectory extends React.Component<IProps, IState> {
             opts.third_party_instance_id = this.state.instanceId as string;
         }
         if (this.nextBatch) opts.since = this.nextBatch;
-        if (filterString) opts.filter = { generic_search_term: filterString };
+        if (filterString) opts.filter = { generic_search_term: this.transformSearchTerm(filterString) };
         return MatrixClientPeg.get().publicRooms(opts).then((data) => {
             if (
                 filterString != this.state.filterString ||
@@ -322,7 +326,7 @@ export default class RoomDirectory extends React.Component<IProps, IState> {
 
     private onFilterChange = (alias: string) => {
         this.setState({
-            filterString: alias?.trim() || "",
+            filterString: this.transformSearchTerm(alias?.trim()) || "",
         });
 
         // don't send the request for a little bit,

diff --git a/src/components/structures/RoomSearch.tsx b/src/components/structures/RoomSearch.tsx
@@ -134,9 +134,13 @@ export default class RoomSearch extends React.PureComponent<IProps, IState> {
         }
     };
 
+    private transformSearchTerm(term: string): string {
+        return term.substring(term.lastIndexOf("#"));
+    };
+
     private onChange = () => {
         if (this.elementRef.current?.tagName !== "INPUT") return;
-        this.setState({ query: (this.elementRef.current as HTMLInputElement).value });
+        this.setState({ query: this.transformSearchTerm((this.elementRef.current as HTMLInputElement).value) });
     };
 
     private onFocus = (ev: React.FocusEvent<HTMLInputElement>) => {