fix: allow full link search

Signed-off-by: Boluwatife Omosowon <[email protected]>

Author: bolu-tife

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,

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>) => {