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

@@ -262,9 +262,14 @@ m-channel{
          font-size: 28px;
          margin: 0;
        }
+       .minds-button-edit > button {
+         font-size:16px;
+       }
+       minds-user-dropdown > button {
+         font-size:24px;
+       }
        button{
           border:0;
-          font-size:16px;
           margin-right:-26px;
        }
      }

src/app/modules/legacy/components/buttons/user-dropdown.ts

@@ -18,6 +18,7 @@ import { BlockListService } from "../../../../common/services/block-list.service
     <ul class="minds-dropdown-menu" [hidden]="!showMenu" >
       <li class="mdl-menu__item" [hidden]="user.blocked" (click)="block()" i18n="@@MINDS__BUTTONS__USER_DROPDOWN__BLOCK">Block @{{user.username}}</li>
       <li class="mdl-menu__item" [hidden]="!user.blocked" (click)="unBlock()" i18n="@@MINDS__BUTTONS__USER_DROPDOWN__UNBLOCK">Un-Block @{{user.username}}</li>
+      <li class="mdl-menu__item" [hidden]="user.subscribed" (click)="subscribe()" i18n="@@MINDS__BUTTONS__USER_DROPDOWN__SUBSCRIBE">Subscribe</li>
       <li class="mdl-menu__item" [hidden]="!user.subscribed" (click)="unSubscribe()" i18n="@@MINDS__BUTTONS__USER_DROPDOWN__UNSUBSCRIBE">Unsubscribe</li>
       <li class="mdl-menu__item" *ngIf="session.isAdmin()" [hidden]="user.banned !== 'yes'" (click)="unBan()" i18n="@@MINDS__BUTTONS__USER_DROPDOWN__UNBAN_GLOBALLY">Un-ban globally</li>
       <li class="mdl-menu__item"
@@ -185,6 +186,17 @@ export class UserDropdownButton {
     this.showMenu = false;
   }
 
+  subscribe() {
+    this.user.subscribed = true;
+    this.client.post('api/v1/subscribe/' + this.user.guid, {})
+      .then((response: any) => {
+        this.user.subscribed = true;
+      })
+      .catch((e) => {
+        this.user.subscribed = false;
+      });
+  }
+
   unSubscribe() {
     this.user.subscribed = false;
     this.client.delete('api/v1/subscribe/' + this.user.guid, {})
@@ -247,7 +259,6 @@ export class UserDropdownButton {
     e.stopPropagation();
     if (this.showMenu) {
       this.showMenu = false;
-
       return;
     }
     this.showMenu = true;

src/app/modules/legacy/components/cards/activity/activity.component.spec.ts

@@ -221,6 +221,7 @@ export class RemindMock {
   @Input() object;
   @Input() events;
   @Input() boosted;
+  @Output() matureVisibilityChange: EventEmitter<any> = new EventEmitter<any>();
 }
 
 @Component({

src/app/modules/legacy/components/cards/activity/activity.html

@@ -61,14 +61,14 @@
 
   <div m-read-more class="mdl-card__supporting-text message m-mature-message" [class.m-activity--message-remind]="activity.remind_object"
     [hidden]="!activity.message || editing">
-    <a class="m-mature-text-toggle" (click)="activity.mature_visibility = !activity.mature_visibility"
+    <a class="m-mature-text-toggle" (click)="toggleMatureVisibility()"
       *ngIf="attachment.shouldBeBlurred(activity) || attachment.isForcefullyShown(activity)"
       [ngClass]="{ 'mdl-color-text--red-500': attachment.isForcefullyShown(activity) }">
       <i class="material-icons m-material-icons-inline">explicit</i>
     </a>
 
     <span class="m-mature-message-content" [innerHtml]="activity.message | tags" [ngClass]="{ 'm-mature-text': attachment.shouldBeBlurred(activity) }"
-      (click)="activity.mature && !activity.mature_visibility ? activity.mature_visibility = !activity.mature_visibility : null">
+      (click)="activity.mature && !activity.mature_visibility ? toggleMatureVisibility(): null">
     </span>
     <m-read-more--button></m-read-more--button>
   </div>
@@ -127,7 +127,7 @@
   <div class="m-rich-embed"
     *ngIf="activity.perma_url && activity.title"
     [ngClass]="{ 'm-mature-content': attachment.shouldBeBlurred(activity), 'm-mature-content-shown': attachment.isForcefullyShown(activity) }">
-    <div class="m-mature-overlay" (click)="activity.mature_visibility = !activity.mature_visibility">
+    <div class="m-mature-overlay" (click)="toggleMatureVisibility()">
       <span class="m-mature-overlay-note">
         <i class="material-icons" title="Mature content" i18n-title="@@M__COMMON__MATURE_CONTENT">explicit</i>
         <span i18n="@@M__COMMON__CONFIRM_18">Click to confirm your are 18+</span>
@@ -156,7 +156,7 @@
   <div class="item item-image item-image-video m-activity--video"
     [ngClass]="{ 'm-mature-content': attachment.shouldBeBlurred(activity), 'm-mature-content-shown': attachment.isForcefullyShown(activity) }"
     *ngIf="activity.custom_type == 'video'">
-      <div class="m-mature-overlay" (click)="activity.mature_visibility = !activity.mature_visibility">
+      <div class="m-mature-overlay" (click)="toggleMatureVisibility()">
         <span class="m-mature-overlay-note">
           <i class="material-icons" title="Mature content" i18n-title="@@M__COMMON__MATURE_CONTENT">explicit</i>
           <span i18n="@@M__COMMON__CONFIRM_18">Click to confirm your are 18+</span>
@@ -181,7 +181,7 @@
   <div class="item item-image allow-select m-activity--image"
    [ngClass]="{ 'm-mature-content': attachment.shouldBeBlurred(activity), 'm-mature-content-shown': attachment.isForcefullyShown(activity) }"
    *ngIf="activity.thumbnail_src && !activity.perma_url">
-    <div class="m-mature-overlay" (click)="activity.mature_visibility = !activity.mature_visibility">
+    <div class="m-mature-overlay" (click)="toggleMatureVisibility()">
       <span class="m-mature-overlay-note">
         <i class="material-icons" title="Mature content" i18n-title="@@M__COMMON__MATURE_CONTENT">explicit</i>
         <span i18n="@@M__COMMON__CONFIRM_18">Click to confirm your are 18+</span>
@@ -197,7 +197,7 @@
   <div class="item item-image allow-select"
    [ngClass]="{ 'm-mature-content': attachment.shouldBeBlurred(activity), 'm-mature-content-shown': attachment.isForcefullyShown(activity) }"
    *ngIf="activity.custom_type == 'batch'">
-    <div class="m-mature-overlay" (click)="activity.mature_visibility = !activity.mature_visibility">
+    <div class="m-mature-overlay" (click)="toggleMatureVisibility()">
       <span class="m-mature-overlay-note">
         <i class="material-icons" title="Mature content" i18n-title="@@M__COMMON__MATURE_CONTENT">explicit</i>
         <span i18n="@@M__COMMON__CONFIRM_18">Click to confirm your are 18+</span>
@@ -214,7 +214,12 @@
   <!-- Reminds -->
   <div *ngIf="activity.remind_object">
     <ng-container *ngIf="!isOwnerBlocked(activity.remind_object); else blockedRemindTemplate">
-      <minds-remind [object]="activity.remind_object" [events]="childEventsEmitter" [boosted]="activity.boosted"></minds-remind>
+      <minds-remind
+        [object]="activity.remind_object"
+        [events]="childEventsEmitter"
+        [boosted]="activity.boosted"
+        (matureVisibilityChange)="onRemindMatureVisibilityChange()"
+      ></minds-remind>
     </ng-container>
     <ng-template #blockedRemindTemplate>
       <div class="m-activity__blockedRemind">

src/app/modules/legacy/components/cards/activity/activity.ts

@@ -161,13 +161,13 @@ export class Activity implements OnInit {
     this.activityAnalyticsOnViewService.setEntity(this.activity);
 
     if (
-      this.activity.custom_type == 'batch' 
-      && this.activity.custom_data 
+      this.activity.custom_type == 'batch'
+      && this.activity.custom_data
       && this.activity.custom_data[0].src
     ) {
       this.activity.custom_data[0].src = this.activity.custom_data[0].src.replace(this.minds.site_url, this.minds.cdn_url);
     }
-    
+
     if (!this.activity.message) {
       this.activity.message = '';
     }
@@ -431,9 +431,25 @@ export class Activity implements OnInit {
     return activity && activity.pending && activity.pending !== '0';
   }
 
-  /**
-   * If an activity allow
-   */
+  toggleMatureVisibility() {
+    this.activity.mature_visibility = !this.activity.mature_visibility;
+
+    if (this.activity.remind_object) {
+      // this.activity.remind_object.mature_visibility = !this.activity.remind_object.mature_visibility;
+
+      this.activity.remind_object = Object.assign({}, {
+        ...this.activity.remind_object,
+        mature_visibility: !this.activity.remind_object.mature_visibility
+      });
+    }
+
+    this.detectChanges();
+  }
+
+  onRemindMatureVisibilityChange() {
+    this.activity.mature_visibility = !this.activity.mature_visibility;
+  }
+
   shouldShowComments() {
     return (
       this.activity.allow_comments

src/app/modules/legacy/components/cards/remind/remind.ts

-import { Component, ChangeDetectionStrategy, ChangeDetectorRef, EventEmitter, Input } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, EventEmitter, Input, Output } from '@angular/core';
 
 import { Client } from '../../../../../services/api';
 import { Session } from '../../../../../services/session';
@@ -35,6 +35,8 @@ export class Remind {
   menuOptions: any = [];
   canDelete: boolean = false;
 
+  @Output('matureVisibilityChange') onMatureVisibilityChange: EventEmitter<any> = new EventEmitter<any>();
+
   constructor(
     public session: Session,
     public client: Client,
@@ -121,4 +123,10 @@ export class Remind {
   togglePin() { /* NOOP */ }
 
   menuOptionSelected(e) { /* NOOP */ }
+
+  toggleMatureVisibility() {
+    this.activity.mature_visibility = !this.activity.mature_visibility;
+
+    this.onMatureVisibilityChange.emit();
+  }
 }

src/app/modules/newsfeed/feeds/subscribed.component.ts

 import { Component, Injector, SkipSelf, ViewChild } from '@angular/core';
 import { Subscription, BehaviorSubject } from 'rxjs';
+import { filter } from 'rxjs/operators';
 
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterEvent, NavigationEnd } from '@angular/router';
 
 import { Client, Upload } from '../../../services/api';
 import { MindsTitle } from '../../../services/ux/title';
@@ -52,6 +53,7 @@ export class NewsfeedSubscribedComponent {
 
   paramsSubscription: Subscription;
   reloadFeedSubscription: Subscription;
+  routerSubscription: Subscription;
 
   @ViewChild('poster', { static: true }) private poster: PosterComponent;
 
@@ -79,6 +81,16 @@ export class NewsfeedSubscribedComponent {
   }
 
   ngOnInit() {
+    this.routerSubscription = this.router.events.pipe(
+      filter((event: RouterEvent) => event instanceof NavigationEnd)
+    ).subscribe(() => {
+      this.showBoostRotator = false;
+      this.load(true, true);
+      setTimeout(() => {
+        this.showBoostRotator = true;
+      }, 100);
+    });
+
     this.reloadFeedSubscription = this.newsfeedService.onReloadFeed.subscribe(() => {
       this.load(true, true);
     });
@@ -92,14 +104,6 @@ export class NewsfeedSubscribedComponent {
       }
 
       this.newUserPromo = !!params['newUser'];
-
-      if (params['ts']) {
-        this.showBoostRotator = false;
-        this.load(true);
-        setTimeout(() => {
-          this.showBoostRotator = true;
-        }, 300);
-      }
     });
 
     this.context.set('activity');
@@ -108,6 +112,7 @@ export class NewsfeedSubscribedComponent {
   ngOnDestroy() {
     this.paramsSubscription.unsubscribe();
     this.reloadFeedSubscription.unsubscribe();
+    this.routerSubscription.unsubscribe();
   }
 
   load(refresh: boolean = false, forceSync: boolean = false) {

src/app/modules/notifications/notification.component.html

@@ -398,7 +398,7 @@
 
   <!-- Boost revoked -->
   <ng-template ngSwitchCase="boost_revoked">
-    <a [routerLink]="notification.entityObj.type == 'activity' ? ['/newsfeed', notification.entityObj.guid] : ['/boost/console/content']">
+    <a [routerLink]="notification.entityObj && notification.entityObj.type == 'activity' ? ['/newsfeed', notification.entityObj.guid] : ['/boost/console/content']">
       <p><ng-container i18n="@@NOTIFICATIONS__NOTIFICATION__BOOST_REVOKED__BOOST_FOR">You revoked your boost <span *ngIf="notification.entityObj">for </span></ng-container>
         <span class="pseudo-link mdl-color-text--blue-grey-400" *ngIf="notification.entityObj && notification.entityObj.title">{{notification.entityObj.title | excerpt}}</span>
         <span class="pseudo-link mdl-color-text--blue-grey-400" *ngIf="notification.entityObj && !notification.entityObj.title && notification.entityObj.name">{{notification.entityObj.name}}</span>