refactor: remove unused tip related info

Author: CedrikNikita

src/constants/common.ts

@@ -342,7 +342,6 @@ export const MODAL_PAYLOAD_FORM = 'payload-form';
 export const MODAL_PROTOCOL_SELECT = 'protocol-select';
 export const MODAL_PERMISSION_MANAGER = 'permission-manager';
 export const MODAL_SCAN_QR = 'scan-qr';
-export const MODAL_RECIPIENT_HELPER = 'recipient-helper';
 export const MODAL_RECIPIENT_INFO = 'recipient-info';
 export const MODAL_RESET_WALLET = 'reset-wallet';
 export const MODAL_TRANSFER_RECEIVE = 'transfer-receive';

src/popup/components/Modals/RecipientHelper.vue

@@ -33,24 +33,14 @@
             keypath="modals.recipient.msg.chain.msg"
             tag="div"
             scope="global"
+            class="aens"
           >
             <strong class="title">
               {{ $t('modals.recipient.msg.chain.title') }}:
             </strong>
             {{ $t('modals.recipient.msg.chain.linkTitle') }}
           </i18n-t>
         </p>
-        <p v-if="UNFINISHED_FEATURES && isProtocolAe">
-          <i18n-t
-            keypath="modals.readMore.msg"
-            class="help"
-            scope="global"
-          >
-            <a :href="AE_BLOG_CLAIM_TIP_URL">
-              {{ $t('modals.readMore.linkTitle') }}
-            </a>
-          </i18n-t>
-        </p>
       </div>
     </template>
     <template #footer>
@@ -75,8 +65,7 @@ import {
   Protocol,
   ResolveCallback,
 } from '@/types';
-import { AE_BLOG_CLAIM_TIP_URL } from '@/protocols/aeternity/config';
-import { PROTOCOLS, UNFINISHED_FEATURES } from '@/constants';
+import { PROTOCOLS } from '@/constants';
 import { ProtocolAdapterFactory } from '@/lib/ProtocolAdapterFactory';
 import Default from './Default.vue';
 import BtnMain from '../buttons/BtnMain.vue';
@@ -98,8 +87,6 @@ export default defineComponent({
     );
 
     return {
-      AE_BLOG_CLAIM_TIP_URL,
-      UNFINISHED_FEATURES,
       protocolName,
       isProtocolAe,
     };
@@ -114,18 +101,21 @@ export default defineComponent({
 @use '@/styles/mixins';
 
 .msg {
-  @extend %face-sans-14-regular;
+  @extend %face-sans-15-regular;
 
-  text-align: left;
+  text-align: center;
   line-height: 20px;
 
   .sub-header {
-    @extend %face-sans-16-medium;
-
     @include mixins.flex(center, center);
 
-    text-align: center;
+    font-weight: 500;
     margin-bottom: 20px;
+    margin-top: -12px;
+  }
+
+  .aens {
+    padding: 10px;
   }
 
   .title {

src/popup/components/Modals/RecipientInfo.vue

@@ -20,7 +20,7 @@
 import { computed, defineComponent, PropType } from 'vue';
 import { useI18n } from 'vue-i18n';
 import type { StatusIconType, UrlStatus } from '@/types';
-import { MODAL_RECIPIENT_HELPER } from '@/constants';
+import { MODAL_HELP } from '@/constants';
 import { useModals } from '@/composables';
 
 import Default from '@/icons/badges/default.svg?vue-component';
@@ -84,7 +84,7 @@ export default defineComponent({
     });
 
     function showModal() {
-      openModal(MODAL_RECIPIENT_HELPER, {
+      openModal(MODAL_HELP, {
         title: statusData.value?.title,
         msg: statusData.value?.msg,
         icon: statusData.value?.icon,

src/popup/components/UrlStatus.vue

@@ -305,7 +305,7 @@
         "chain": {
           "title": "Send to .chain name",
           "linkTitle": "claim your own .chain name",
-          "msg": "{0} AENS name is a human friendly nickname ending with .chain that points to recipient’s æccount. Before sending any funds make sure the recipient is still the name owner. You can also {1} and set a pointer to one of your public addresses."
+          "msg": "{0} AENS name is a human friendly nickname ending with .chain that points to recipient’s account. Before sending any funds make sure the recipient is still the name owner."
         }
       }
     },

src/popup/locales/en.json

@@ -26,7 +26,6 @@ import {
   MODAL_PRIVATE_KEY_IMPORT,
   MODAL_PROTOCOL_SELECT,
   MODAL_SCAN_QR,
-  MODAL_RECIPIENT_HELPER,
   MODAL_RECIPIENT_INFO,
   MODAL_RESET_WALLET,
   MODAL_TRANSFER_RECEIVE,
@@ -75,7 +74,6 @@ import QrCodeScanner from '@/popup/components/Modals/QrCodeScanner.vue';
 import Help from '@/popup/components/Modals/Help.vue';
 import AssetSelector from '@/popup/components/Modals/AssetSelector.vue';
 import ResetWallet from '@/popup/components/Modals/ResetWalletModal.vue';
-import RecipientHelper from '@/popup/components/Modals/RecipientHelper.vue';
 import RecipientInfo from '@/popup/components/Modals/RecipientInfo.vue';
 import ConsensusInfo from '@/popup/components/Modals/ConsensusInfo.vue';
 import PayloadForm from '@/popup/components/Modals/PayloadForm.vue';
@@ -200,9 +198,6 @@ export default () => {
   registerModal(MODAL_RESET_WALLET, {
     component: ResetWallet,
   });
-  registerModal(MODAL_RECIPIENT_HELPER, {
-    component: RecipientHelper,
-  });
   registerModal(MODAL_RECIPIENT_INFO, {
     component: RecipientInfo,
   });