Allows search to recognize full room links

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.indexOf("#") +2);
+    };
+
     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.indexOf("#") +2);
+    };
+
     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>) => {

src/components/views/dialogs/SpotlightDialog.tsx

@@ -230,6 +230,10 @@ export const useWebSearchMetrics = (numResults: number, queryLength: number, via
     }, [numResults, queryLength, viaSpotlight]);
 };
 
+function transformSearchTerm(term: string): string {
+    return term.substring(term.indexOf("#") +2);
+};
+
 const SpotlightDialog: React.FC<IProps> = ({ initialText = "", onFinished }) => {
     const cli = MatrixClientPeg.get();
     const rovingContext = useContext(RovingTabIndexContext);
@@ -305,7 +309,7 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", onFinished }) =>
     const [spaceResults, spaceResultsLoading] = useSpaceResults(activeSpace, query);
 
     const setQuery = (e: ChangeEvent<HTMLInputElement>): void => {
-        const newQuery = e.currentTarget.value;
+        const newQuery = transformSearchTerm(e.currentTarget.value);
         _setQuery(newQuery);
 
         setImmediate(() => {