fix: open external links in mobile correctly

Author: CedrikNikita

src/popup/components/AccountItem.vue

@@ -1,7 +1,6 @@
 <template>
   <LinkButton
     :to="explorerUrl"
-    target="_blank"
     class="account-item"
     variant="muted"
   >

src/popup/components/NotificationItem.vue

@@ -67,6 +67,7 @@ import { useI18n } from 'vue-i18n';
 import type { INotification } from '@/types';
 import { relativeTimeTo } from '@/utils';
 import {
+  IS_CORDOVA,
   IS_EXTENSION,
   IS_MOBILE_DEVICE,
   NOTIFICATION_STATUS_READ,
@@ -146,7 +147,11 @@ export default defineComponent({
     function handleClick() {
       if (props.notification.path) {
         if (typeof props.notification.path === 'string' && /^\w+:\D+/.test(props.notification.path)) {
-          window.open(props.notification.path, IS_MOBILE_DEVICE ? '_self' : '_blank');
+          if (IS_CORDOVA && window.cordova?.InAppBrowser?.open) {
+            window.cordova.InAppBrowser.open(props.notification.path, '_system');
+          } else {
+            window.open(props.notification.path, '_blank');
+          }
         } else {
           router.push(props.notification.path);
         }

src/protocols/aeternity/components/TransferReviewTip.vue

@@ -8,13 +8,12 @@
           class="subtitle"
           scope="global"
         >
-          <a
+          <LinkButton
             :href="AGGREGATOR_URL"
-            target="_blank"
             class="link"
           >
             {{ $t('pages.notifications.superhero') }}
-          </a>
+          </LinkButton>
         </i18n-t>
       </template>
     </ModalHeader>
@@ -81,6 +80,7 @@ import { AE_CONTRACT_ID } from '@/protocols/aeternity/config';
 import { useAccounts } from '@/composables';
 import { getDefaultAccountLabel } from '@/utils';
 
+import LinkButton from '@/popup/components/LinkButton.vue';
 import ModalHeader from '@/popup/components/ModalHeader.vue';
 import TokenAmount from '@/popup/components/TokenAmount.vue';
 import FormTextarea from '@/popup/components/form/FormTextarea.vue';
@@ -92,6 +92,7 @@ export default {
   name: 'TransferReviewTip',
   components: {
     AddressTruncated,
+    LinkButton,
     ModalHeader,
     TokenAmount,
     FormTextarea,