(feat): generic hashtags component

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

@@ -123,6 +123,7 @@
  <div class="minds-bg-overlay" (click)="closeMenu()" [hidden]="!isMenuOpen"></div>
  </div>
 
+ <m-pro--channel--categories *ngIf="showCategories"></m-pro--channel--categories>
  <div class="m-proChannel__categories" *ngIf="showCategories">
  <div
  class="m-proChannel__category"

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

@@ -191,26 +191,9 @@ m-pro--channel {
  letter-spacing: 0.1em;
  }
 
- .m-proChannel__categories {
+ m-pro--channel--categories {
  grid-row: 2 / span 1;
  grid-column: 2 / span 10;
-
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-end;
-
- .m-proChannel__category {
- cursor: pointer;
- color: var(--text-color);
- padding: 16px 16px 0;
-
- text-transform: uppercase;
- letter-spacing: 0.1em;
-
- &.m-proChannel__selectedCategory {
- color: var(--primary-color);
- }
- }
  }
 
  .m-proChannel__body {

src/app/modules/pro/pro.module.ts

@@ -24,6 +24,7 @@ import { ProChannelListModal } from './channel/list-modal/list-modal.component';
 import { ProChannelHomeComponent } from './channel/home/home.component';
 import { ProGroupTileComponent } from "./channel/tiles/group/group-tile.component";
 import { ProUnsubscribeModalComponent } from './channel/unsubscribe-modal/modal.component';
+import { ProCategoriesComponent } from "./channel/categories/categories.component";
 
 const routes: Routes = [
  {
@@ -86,6 +87,7 @@ const routes: Routes = [
  ProTileComponent,
  ProContentModalComponent,
  ProChannelHomeComponent,
+ ProCategoriesComponent,
  ProChannelListModal,
  ProChannelComponent,
  ProChannelSignupComponent,