(fix): brought back search, but remove parameters when clearing search

src/app/modules/pro/channel/channel.component.html

@@ -20,6 +20,9 @@
  type="text"
  (keyup.enter)="search()"
  >
+ <ng-container *ngIf="query">
+ <i class="material-icons clear" (click)="clearSearch()">close</i>
+ </ng-container>
  <label class="mdl-textfield__label" for="search"></label>
  </div>
  </div>

src/app/modules/pro/channel/channel.component.ts

@@ -11,7 +11,7 @@ import {
  OnInit,
  ViewChild
 } from '@angular/core';
-import { ActivatedRoute, NavigationEnd, Router } from "@angular/router";
+import { ActivatedRoute, Router } from "@angular/router";
 import { Session } from "../../../services/session";
 import { Subscription } from "rxjs";
 import { MindsUser } from "../../../interfaces/entities";
@@ -238,7 +238,10 @@ export class ProChannelComponent implements OnInit, AfterViewInit, OnDestroy {
  wire() {
  this.modalService.create(WireCreatorComponent,
  this.channelService.currentChannel,
- { onComplete: () => {} }
+ {
+ onComplete: () => {
+ }
+ }
  ).present();
  }
 
@@ -274,6 +277,12 @@ export class ProChannelComponent implements OnInit, AfterViewInit, OnDestroy {
  return this.router.navigate(this.channelService.getRouterLink('all', { query: this.query }));
  }
 
+ clearSearch() {
+ this.query = '';
+ const cleanUrl = this.router.url.split(';')[0];
+ this.router.navigate([cleanUrl]);
+ }
+
  detectChanges() {
  this.cd.markForCheck();
  this.cd.detectChanges();