generate Result URL from capture id

src/app/features/home/activities/network-action-order-details/network-action-order-details.page.html

@@ -49,13 +49,18 @@ <h4 id="network-action-name">{{ order.network_app_name_text }}</h4>
             <ion-label>{{ t('resultUrl') }}:</ion-label>
           </ion-col>
           <ion-col class="wrap-text" align="end">
-            <ion-label (click)="openResultUrl(order.result_url_text)">
-              <a *ngIf="order.result_url_text !== undefined">
-                {{ order.result_url_text }}
-              </a>
-              <ion-text *ngIf="order.result_url_text === undefined">{{
-                t('noResultUrlAvailable')
-              }}</ion-text>
+            <ion-label
+              *ngIf="order.result_url_text !== undefined"
+              (click)="openResultUrl(order.result_url_text)"
+            >
+              <a> {{ order.result_url_text }} </a>
+            </ion-label>
+
+            <ion-label
+              *ngIf="order.result_url_text === undefined"
+              (click)="openResultUrl(resultUrlFromAssetId(order.asset_id_text))"
+            >
+              <a> {{ resultUrlFromAssetId(order.asset_id_text) }} </a>
             </ion-label>
           </ion-col>
           <ion-col size="1"> </ion-col>

src/app/features/home/activities/network-action-order-details/network-action-order-details.page.ts

@@ -9,6 +9,7 @@ import { catchError, first, map } from 'rxjs/operators';
 import { OrderHistoryService } from '../../../../shared/actions/service/order-history.service';
 import { ErrorService } from '../../../../shared/error/error.service';
 import { isNonNullable } from '../../../../utils/rx-operators/rx-operators';
+import { getAssetProfileForCaptureIframe } from '../../../../utils/url';
 
 const { Browser, Clipboard } = Plugins;
 @UntilDestroy({ checkProperties: true })
@@ -42,13 +43,15 @@ export class NetworkActionOrderDetailsPage {
   // eslint-disable-next-line class-methods-use-this
   openResultUrl(url: string) {
     if (url) {
-      Browser.open({
-        url: `${url}`,
-        toolbarColor: '#564dfc',
-      });
+      Browser.open({ url, toolbarColor: '#000000' });
     }
   }
 
+  // eslint-disable-next-line class-methods-use-this
+  resultUrlFromAssetId(assetId: string) {
+    return getAssetProfileForCaptureIframe(assetId);
+  }
+
   async copyToClipboard(value: string) {
     await Clipboard.write({ string: value });
     this.snackBar.open(

src/app/utils/url.ts

@@ -1,3 +1,4 @@
+import { BUBBLE_IFRAME_URL } from '../shared/dia-backend/secret';
 import { urlToDownloadApp } from './constants';
 import { MimeType } from './mime-type';
 
@@ -19,6 +20,10 @@ export function getAssetProfileForNSE(id: string, token?: string) {
   return `https://nftsearch.site/asset-profile?cid=${id}`;
 }
 
+export function getAssetProfileForCaptureIframe(cid: string) {
+  return `${BUBBLE_IFRAME_URL}/asset_page?nid=${cid}`;
+}
+
 export function getAppDownloadLink(isPlatform: (platformName: any) => boolean) {
   if (isPlatform('ios'))
     return 'https://apps.apple.com/en/app/capture-app/id1536388009';