src/app/modules/media/modal/modal.component.ts

@@ -162,7 +162,7 @@ export class MediaModalComponent implements OnInit, OnDestroy {
     if (this.redirectUrl) {
       this.location.replaceState(this.redirectUrl);
     } else if (this.entityType === 'blog') {
-      this.location.replaceState(`/blog/${this.entity.slug}-${this.entity.guid}`);
+      this.location.replaceState(`${this.session.getLoggedInUser().username}/blog/${this.entity.slug}-${this.entity.guid}`);
     } else {
       this.location.replaceState(`/media/${this.entity.entity_guid}`);
     }

src/app/modules/pro/channel/tiles/media/tile.component.ts

-import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Input, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';
 import { MediaModalComponent, MediaModalParams } from "../../../../media/modal/modal.component";
 import { FeaturesService } from "../../../../../services/features.service";
 import { OverlayModalService } from "../../../../../services/ux/overlay-modal";
 import { Router } from "@angular/router";
 import toMockActivity from "../../util/mock-activity";
 import { ProChannelService } from "../../channel.service";
+import isMobile from "../../../../../helpers/is-mobile";
 
 @Component({
   selector: 'm-pro--channel-tile',
@@ -67,13 +68,31 @@ export class ProTileComponent {
     }
   }
 
+  goToEntityPage(entity: any) {
+    switch (this.getType(entity)) {
+      case 'object:image':
+      case 'object:video':
+        this.router.navigate([`/media/${entity.guid}`]);
+        break;
+      case 'object:blog':
+        let url = `/blog/${this.entity.slug}-${this.entity.guid}`;
+        if (!window.Minds.pro) {
+          url = `${this.channelService.currentChannel.username}/${url}`;
+        }
+        this.router.navigate([url]);
+        break;
+    }
+  }
+
+
   showMediaModal() {
     const activity = toMockActivity(this.entity, this.entity.subtype === 'video' ? this.videoDimensions : null);
     if (this.featuresService.has('media-modal')) {
       // Mobile (not tablet) users go to media page instead of modal
-      // if (isMobile() && Math.min(screen.width, screen.height) < 768) {
-      // this.router.navigate([`/media/${this.entity.guid}`]);
-      // }
+      if (isMobile() && Math.min(screen.width, screen.height) < 768) {
+        this.goToEntityPage(this.entity);
+        return;
+      }
 
       if (activity.custom_type === 'video') {
         activity.custom_data.dimensions = this.videoDimensions;