From 7bcebe008adc2bdd4b2447aefc66810f4b575e7c Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Mon, 28 Aug 2023 08:51:20 +0300
Subject: [PATCH 1/9] vscode config was added to gitignore

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 984fd08..3e0d2b5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,4 @@ package-lock.json
 .env.testnet
 dist/*
 addrbook.json
+.vscode
\ No newline at end of file

From 773e367892c44b5ac2808067b0919e79f7fe1621 Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Mon, 28 Aug 2023 08:37:34 +0300
Subject: [PATCH 2/9] added file for dev server

---
 devServer.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 devServer.js

diff --git a/devServer.js b/devServer.js
new file mode 100644
index 0000000..8c79186
--- /dev/null
+++ b/devServer.js
@@ -0,0 +1,18 @@
+const express = require('express')
+const path = require('path')
+
+const PORT = 3000
+
+const app = express()
+app.use(express.json())
+app.use(express.text())
+app.use(express.static('dist'))
+
+app.use('*', (_, res) => {
+  const indexFilePath = path.resolve(process.cwd(), 'dist/index.html')
+  res.sendFile(indexFilePath)
+})
+
+app.listen(PORT, () => {
+  console.log(`Server is working on http://localhost:${PORT}`)
+})

From 30a639ceb3278ecd576dc0664350a07bcec8754e Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Tue, 29 Aug 2023 20:25:50 +0300
Subject: [PATCH 3/9] page anon number

---
 src/js/api/getgems.js                         | 138 ++++++++-
 src/js/api/index.js                           |   3 +
 src/js/components/anonNumber/HistoryRow.vue   | 160 ++++++++++
 src/js/components/anonNumber/HistoryTabs.vue  |  86 ++++++
 src/js/components/anonNumber/JettonInfo.vue   | 274 ++++++++++++++++++
 .../anonNumber/JettonTabHolders.vue           |  89 ++++++
 src/js/components/anonNumber/JettonWallet.vue |  96 ++++++
 .../components/anonNumber/PageAnonNumber.vue  |  95 ++++++
 src/js/components/anonNumber/TdFrom.vue       |  40 +++
 src/js/components/anonNumber/TdLink.vue       |  44 +++
 .../anonNumber/TdMessageDirection.vue         |  37 +++
 src/js/components/anonNumber/TdPrice.vue      |   5 +
 src/js/components/anonNumber/TdReceiver.vue   |  62 ++++
 src/js/components/anonNumber/TdType.vue       |   5 +
 .../anonNumber/TransactionDetail.vue          |  72 +++++
 .../anonNumber/TransactionHistory.vue         | 183 ++++++++++++
 src/js/i18n/en.js                             |   8 +
 src/js/i18n/ru.js                             |   8 +
 src/js/router.js                              |   7 +
 19 files changed, 1407 insertions(+), 5 deletions(-)
 create mode 100644 src/js/components/anonNumber/HistoryRow.vue
 create mode 100644 src/js/components/anonNumber/HistoryTabs.vue
 create mode 100644 src/js/components/anonNumber/JettonInfo.vue
 create mode 100644 src/js/components/anonNumber/JettonTabHolders.vue
 create mode 100644 src/js/components/anonNumber/JettonWallet.vue
 create mode 100644 src/js/components/anonNumber/PageAnonNumber.vue
 create mode 100644 src/js/components/anonNumber/TdFrom.vue
 create mode 100644 src/js/components/anonNumber/TdLink.vue
 create mode 100644 src/js/components/anonNumber/TdMessageDirection.vue
 create mode 100644 src/js/components/anonNumber/TdPrice.vue
 create mode 100644 src/js/components/anonNumber/TdReceiver.vue
 create mode 100644 src/js/components/anonNumber/TdType.vue
 create mode 100644 src/js/components/anonNumber/TransactionDetail.vue
 create mode 100644 src/js/components/anonNumber/TransactionHistory.vue

diff --git a/src/js/api/getgems.js b/src/js/api/getgems.js
index 54bc7d3..b8dd0a5 100644
--- a/src/js/api/getgems.js
+++ b/src/js/api/getgems.js
@@ -122,11 +122,139 @@ export const nftItemsByOwner = async function(owner, first = 24, after = undefin
     return nftItemsByOwner;
 };
 
+const historyMock = {
+  "data": {
+      "historyNftItem": {
+          "cursor": null,
+          "items": [
+              {
+                  "id": "64ec4ac5bd8ac07bc4edf2c0",
+                  "address": "EQB4JEJx2mh2Wk49oVlTQfy4Khl08ggzUMJe7YU7cfX2IEDj",
+                  "time": 1693207227,
+                  "createdAt": 1693207237,
+                  "nft": {
+                      "name": "непон дуров",
+                      "address": "EQB4JEJx2mh2Wk49oVlTQfy4Khl08ggzUMJe7YU7cfX2IEDj",
+                      "content": {
+                          "image": {
+                              "sized": "https://i.getgems.io/-8YPEEARWOhwZp92DJr_MRw6CmczPBxfqSro8oxLJ5U/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9zaW5nbGUvNzhkNjAzMTA2NzllZmVjM18xODllYTFiNTY4Yg",
+                              "__typename": "Image"
+                          },
+                          "__typename": "NftContentImage"
+                      },
+                      "__typename": "NftItem"
+                  },
+                  "collectionAddress": null,
+                  "lt": "40478695000003",
+                  "hash": "uu8cQV5h6JoaSpPmEBoXapYm7l/3BXoB5yusqh7/0N4=",
+                  "typeData": {
+                      "__typename": "HistoryTypeBurn",
+                      "type": "burn",
+                      "historyType": "Burn",
+                      "oldOwner": "EQB20fJp5OMeLtsXmf4OxrnobADEoYxBjDQfI5fROEgS1Arg",
+                      "oldOwnerUser": {
+                          "id": "64d2445b064f4175fb8736c7",
+                          "avatar": "https://i.getgems.io/eqw6VqqhoLrOsADn7zpHpGpeayzNOQFry5HDAlIuSko/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMDIucG5n",
+                          "name": "",
+                          "domain": "meow",
+                          "isBurn": false,
+                          "__typename": "User"
+                      },
+                      "newOwner": "EQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAM9c",
+                      "newOwnerUser": {
+                          "id": "629f2e6a87a72413a3ec66c1",
+                          "avatar": "https://i.getgems.io/jYs6K1Sc4KNMSkD9HDSXsKGlnMu4ICPQ6o6ffROa1fI/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMzgucG5n",
+                          "name": "Null Address",
+                          "domain": null,
+                          "isBurn": true,
+                          "__typename": "User"
+                      }
+                  },
+                  "__typename": "NftItemHistory"
+              },
+              {
+                  "id": "64ddf860e8638dc3d2333127",
+                  "address": "EQB4JEJx2mh2Wk49oVlTQfy4Khl08ggzUMJe7YU7cfX2IEDj",
+                  "time": 1692268630,
+                  "createdAt": 1692268640,
+                  "nft": {
+                      "name": "непон дуров",
+                      "address": "EQB4JEJx2mh2Wk49oVlTQfy4Khl08ggzUMJe7YU7cfX2IEDj",
+                      "content": {
+                          "image": {
+                              "sized": "https://i.getgems.io/-8YPEEARWOhwZp92DJr_MRw6CmczPBxfqSro8oxLJ5U/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9zaW5nbGUvNzhkNjAzMTA2NzllZmVjM18xODllYTFiNTY4Yg",
+                              "__typename": "Image"
+                          },
+                          "__typename": "NftContentImage"
+                      },
+                      "__typename": "NftItem"
+                  },
+                  "collectionAddress": null,
+                  "lt": "40189466000003",
+                  "hash": "SHIW3D8O7G4kqIQz3uT1r7DoN73lJLRw6rgF+QTVwys=",
+                  "typeData": {
+                      "__typename": "HistoryTypeTransfer",
+                      "type": "transfer",
+                      "oldOwner": "EQB7t8cblaKT-vIMJRglhCE7k78uWa74kKeBzNAkh-1lv63j",
+                      "newOwner": "EQB20fJp5OMeLtsXmf4OxrnobADEoYxBjDQfI5fROEgS1Arg",
+                      "oldOwnerUser": {
+                          "id": "64d77fc0e59e6c7dcf45927f",
+                          "avatar": "https://i.getgems.io/BAr5q2NGaFq7NgGcGl8Ku9TZFaPF6qnbvGmY-obUJAQ/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMjMucG5n",
+                          "name": "",
+                          "domain": "ruslan-zolotov",
+                          "isBurn": false,
+                          "__typename": "User"
+                      },
+                      "newOwnerUser": {
+                          "id": "64d2445b064f4175fb8736c7",
+                          "avatar": "https://i.getgems.io/eqw6VqqhoLrOsADn7zpHpGpeayzNOQFry5HDAlIuSko/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMDIucG5n",
+                          "name": "",
+                          "domain": "meow",
+                          "isBurn": false,
+                          "__typename": "User"
+                      }
+                  },
+                  "__typename": "NftItemHistory"
+              },
+              {
+                  "id": "64d7948669c05ea6c0eddcb8",
+                  "address": "EQB4JEJx2mh2Wk49oVlTQfy4Khl08ggzUMJe7YU7cfX2IEDj",
+                  "time": 1691849795,
+                  "createdAt": 1691849862,
+                  "nft": {
+                      "name": "непон дуров",
+                      "address": "EQB4JEJx2mh2Wk49oVlTQfy4Khl08ggzUMJe7YU7cfX2IEDj",
+                      "content": {
+                          "image": {
+                              "sized": "https://i.getgems.io/-8YPEEARWOhwZp92DJr_MRw6CmczPBxfqSro8oxLJ5U/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9zaW5nbGUvNzhkNjAzMTA2NzllZmVjM18xODllYTFiNTY4Yg",
+                              "__typename": "Image"
+                          },
+                          "__typename": "NftContentImage"
+                      },
+                      "__typename": "NftItem"
+                  },
+                  "collectionAddress": null,
+                  "lt": "40059575000003",
+                  "hash": "cQf7wrwXWNrUrf3odEAU++3S1F1kZG6/DrJCjiary3o=",
+                  "typeData": {
+                      "__typename": "HistoryTypeMint",
+                      "type": "mint"
+                  },
+                  "__typename": "NftItemHistory"
+              }
+          ],
+          "__typename": "NftItemHistoryConnection"
+      }
+  }
+}
+
 export const getItemHistory = async function(address, count = 24, cursor = undefined) {
-    const { data: { data: { historyNftItem }}} = await http.post(null, {
-        query: GetItemHistoryQuery,
-        variables: { address, count, cursor },
-    });
+    // const { data: { data: { historyNftItem }}} = await http.post(null, {
+    //     query: GetItemHistoryQuery,
+    //     variables: { address, count, cursor },
+    // });
+
+    // return historyNftItem;
 
-    return historyNftItem;
+    return Promise.resolve(historyMock.data.historyNftItem)
 };
diff --git a/src/js/api/index.js b/src/js/api/index.js
index dcff882..045dc89 100644
--- a/src/js/api/index.js
+++ b/src/js/api/index.js
@@ -67,3 +67,6 @@ export {
 
     getJettonBalances,
 };
+
+import { getItemHistory } from './getgems.js'
+export { getItemHistory }
\ No newline at end of file
diff --git a/src/js/components/anonNumber/HistoryRow.vue b/src/js/components/anonNumber/HistoryRow.vue
new file mode 100644
index 0000000..892f0a9
--- /dev/null
+++ b/src/js/components/anonNumber/HistoryRow.vue
@@ -0,0 +1,160 @@
+<template>
+    <tbody>
+        <tr v-on:click="open()">
+            
+            <td-link
+                v-bind:is_success="is_success" 
+                v-bind:is_bounced="is_bounced" 
+                v-bind:exitCode="exitCode" 
+                v-bind:address="address" 
+                v-bind:txHash="txHash"
+                v-bind:txLt="txLt"
+            />
+
+            <td>
+                <ui-timeago class="tx-table__cell" v-bind:timestamp="timestamp"/>
+            </td>
+
+            <td-from
+                v-bind:action="action"
+                v-bind:address="address"
+                v-bind:from="from"
+                v-bind:is_external="is_external"
+                v-bind:source_type="source_type"
+            />
+            
+            <td-message-direction 
+                v-bind:address="address" 
+                v-bind:is_service="is_service"
+                v-bind:from="from" 
+                v-bind:to="to" 
+            />
+
+            <td-receiver
+                v-bind:is_aggregated="is_aggregated" 
+                v-bind:outputCount="outputCount" 
+                v-bind:destination_type="destination_type" 
+                v-bind:address="address" 
+                v-bind:to="to" 
+                v-bind:timestamp="timestamp" 
+                v-bind:action="action"
+                v-bind:txHash="txHash"
+                v-bind:txLt="txLt"
+            />
+            
+            <td-type />
+            <td-price />
+            
+            <!-- Expand chevron: -->
+            <td>
+                <div class="tx-table__cell">
+                    <icon-expand class="tx-table-expand-caret" v-bind:class="{
+                        'tx-table-expand-caret--expanded': isVisible,
+                    }"/>
+                </div>
+            </td>
+        </tr>
+
+        <transaction-detail
+            v-if="isVisible"
+            v-bind:is_success="is_success"
+            v-bind:is_bounced="is_bounced"
+            v-bind:exitCode="exitCode"
+            v-bind:txHash="txHash"
+            v-bind:txLt="txLt"
+            v-bind:fee="fee"
+            v-bind:message="message"
+        />
+    </tbody>
+</template>
+
+<script>
+import IconExpand from '@img/icons/tonscan/chevron-bottom-14.svg?inline';
+import TdLink from './TdLink.vue';
+import TdFrom from './TdFrom.vue';
+import TdMessageDirection from './TdMessageDirection.vue';
+import TdReceiver from './TdReceiver.vue';
+import TdType from './TdType.vue';
+import TdPrice from './TdPrice.vue';
+import TransactionDetail from './TransactionDetail.vue';
+
+
+export default {
+    props: {
+        address: String,
+        date: String,
+        from: String,
+        is_service: Boolean,
+        is_external: Boolean,
+        is_aggregated: Boolean,
+        is_success: Boolean,
+        is_bounced: Boolean,
+        outputCount: Number,
+        to: String,
+        amount: String,
+        message: String,
+        timestamp: Number,
+        fee: String,
+        txHash: String,
+        txLt: String,
+        exitCode: Number,
+        op: [Number, String],
+        source_type: String,
+        destination_type: String,
+        action: Object,
+        meta: {
+            type: Object,
+            default: () => ({}),
+        },
+    },
+
+    data() {
+        return {
+            isVisible: false,
+        };
+    },
+
+    created() {
+        this.$bus.$on('tx-close-all', () => this.isVisible = false);
+    },
+
+    beforeDestroy() {
+        this.$bus.$off('tx-close-all');
+    },
+
+    methods: {
+        open() {
+            console.log('open', this.isVisible);
+            !this.isVisible && this.$bus.$emit('tx-close-all');
+            this.isVisible = !this.isVisible;
+        },
+    },
+
+    components: {
+        IconExpand,
+        TdLink, TdFrom, TdMessageDirection, TdReceiver, TdType, TdPrice,
+        TransactionDetail
+    },
+};
+</script>
+
+<style lang="scss">
+.tx-row-msg-action {
+    font-size: 13px;
+    display: flex;
+    align-items: center;
+    background: var(--card-row-separator);
+    padding: 4px 8px 4px 6px;
+    margin: -6px 8px;
+    border-radius: 8px;
+    cursor: help;
+    &--single {
+        margin-right: -1px;
+    }
+    &__icon {
+        fill: currentColor;
+        opacity: .6;
+        margin-right: 6px;
+    }
+}
+</style>
diff --git a/src/js/components/anonNumber/HistoryTabs.vue b/src/js/components/anonNumber/HistoryTabs.vue
new file mode 100644
index 0000000..587d995
--- /dev/null
+++ b/src/js/components/anonNumber/HistoryTabs.vue
@@ -0,0 +1,86 @@
+<script>
+import IconList from '@img/icons/material-duotone/list.svg?inline';
+import IconContract from '@img/icons/material-duotone/data-object.svg?inline';
+import IconToken from '@img/icons/material-duotone/toll.svg?inline';
+import TabContractSources from '../address/Verifier/Verifier.vue';
+import JettonTabHolders from './JettonTabHolders.vue';
+import TransactionHistory from './TransactionHistory.vue';
+import TxHistory from '../address/TxHistory.vue';
+import UiTabs from '~/components/UiTabs.vue';
+
+export default {
+    props: {
+        isActive: Boolean,
+        supply: String,
+        decimals: Number,
+        symbol: String,
+        address: {
+            type: String,
+            required: true,
+        },
+    },
+
+    render(createComponent) {
+        return createComponent(UiTabs, {
+            class: 'card card--tabbed',
+            props: {
+                tabs: this.tabs,
+                changeUrlHash: true,
+            },
+        });
+    },
+
+    computed: {
+        tabs() {
+            const props = { address: this.address };
+            const key = this.address; // keepalive key
+
+            return [{
+                key: 'historyTransactions',
+                text: this.$t('address.tab_transactions'),
+                icon: IconList,
+                content: {
+                    key, props,
+                    eager: true,
+                    component: TransactionHistory,
+                },
+            },{
+                key: 'transactions',
+                text: this.$t('address.tab_transactions'),
+                icon: IconList,
+                content: {
+                    key, props,
+                    eager: true,
+                    component: TxHistory,
+                },
+            }, {
+                key: 'holders',
+                text: this.$t('jetton.top_holders'),
+                icon: IconToken,
+                content: {
+                    key,
+                    component: JettonTabHolders,
+                    props: {
+                        address: this.address,
+                        decimals: this.decimals,
+                        supply: this.supply,
+                        symbol: this.symbol,
+                    },
+                },
+            }, {
+                key: 'source',
+                text: this.$t('address.tab_contract'),
+                icon: IconContract,
+                content: {
+                    key,
+                    component: TabContractSources,
+                    props: {
+                        address: this.address,
+                        isActive: true,
+                    },
+                },
+            }];
+        },
+    },
+};
+</script>
diff --git a/src/js/components/anonNumber/JettonInfo.vue b/src/js/components/anonNumber/JettonInfo.vue
new file mode 100644
index 0000000..b5c08be
--- /dev/null
+++ b/src/js/components/anonNumber/JettonInfo.vue
@@ -0,0 +1,274 @@
+<template>
+    <section>
+        <div class="jetton-info-container">
+            <ui-round-image v-if="hasExternalAvatar" class="jetton-info-image"
+                v-bind:srcset="`${image.w72} 1x, ${image.w144} 2x, ${image.w216} 3x`"
+                v-bind:src="image.w72"/>
+
+            <ui-round-image v-else class="jetton-info-image" v-bind:src="image_data"/>
+
+            <div class="jetton-info">
+                <h2 class="jetton-info__name">
+                    <span v-if="!hasOffchainMetadata && name === undefined" class="skeleton skeleton--inline">
+                        TOKEN NAME
+                    </span>
+                    <span v-else-if="!name" class="muted">Name not loaded</span>
+                    <template v-else>{{name}}</template>
+                </h2>
+                <div class="jetton-info__description">
+                    <span v-if="!hasOffchainMetadata && description === undefined" class="skeleton skeleton--inline">
+                        Some text describing the token
+                    </span>
+                    <span v-else-if="!description" class="muted" v-text="$t('common.no_description')"/>
+                    <template v-else>{{description}}</template>
+                </div>
+            </div>
+        </div>
+
+        <div class="card">
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('address.info.address')"/>
+                <div class="card-row__value">
+                    <span v-if="addressMeta.isScam" class="card-main-address-badge card-main-address-badge--scam">SCAM</span>
+                    <ui-copy-button v-bind:successMessage="$t('address.info.copy_success')" v-bind:copy="address">
+                        {{address}}
+                    </ui-copy-button>
+                </div>
+            </div>
+
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('jetton.admin_address')"/>
+                <div class="card-row__value">
+                    <span v-if="admin_address === undefined" class="skeleton">Ef8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMz</span>
+                    <template v-else-if="!admin_address">
+                        {{$t('jetton.admin_address_empty')}}
+                        <span class="muted" v-text="$t('jetton.admin_address_empty_explanation')"/>
+                    </template>
+                    <ui-address v-else v-bind:address="admin_address"/>
+                </div>
+            </div>
+
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('jetton.supply')"/>
+                <div class="card-row__value">
+                    <template v-if="total_supply !== undefined">
+                        {{$ton(total_supply, decimals)}} {{displayedTicker}}
+                    </template>
+                    <span v-else class="skeleton skeleton--inline">1000000 TOKENS</span>
+                </div>
+            </div>
+ 
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('jetton.mutable')"/>
+                <div class="card-row__value">
+                    <template v-if="is_mutable != undefined">
+                        {{is_mutable ? $t('common.yes') : $t('common.no')}}
+                    </template>
+                    <span v-else class="skeleton skeleton--inline">Maybe</span>
+                </div>
+            </div>
+
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('jetton.metadata_source')"/>
+                <div class="card-row__value">
+                    <ui-metadata-source
+                        v-bind:url="metadata_url"
+                        v-bind:loader="getRawMetadata"/>
+                </div>
+            </div>
+
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('jetton.search_wallet')"/>
+                <div class="card-row__value" style="width: 100%;">
+                    <input class="jetton-wallet-search" v-model.trim="myAddress" type="search"
+                        v-bind:placeholder="$t('jetton.search_wallet_placeholder')"
+                        v-on:keypress.enter="searchMyAddress">
+                </div>
+            </div>
+        </div>
+
+        <history-tabs
+            v-bind:address="address"
+            v-bind:supply="total_supply"
+            v-bind:symbol="displayedTicker"
+            v-bind:decimals="decimals"/>
+    </section>
+</template>
+
+<script>
+import HistoryTabs from './HistoryTabs.vue';
+import UiMetadataSource from '~/components/UiMetadataSource.vue';
+import { getMyJettonWallet, getJettonRawMetadata } from '~/api/extenderContracts.js';
+
+export default {
+    props: {
+        address: String,
+        admin_address: [String, null],
+        total_supply: Number,
+        is_mutable: {
+            type: Boolean,
+            default: undefined,
+        },
+        metadata_url: [String, null],
+        name: String,
+        description: String,
+        symbol: String,
+        image_data: String,
+        decimals: Number,
+        image: {
+            type: Object,
+            default: () => ({}),
+        },
+    },
+
+    data() {
+        return {
+            myAddress: undefined,
+        };
+    },
+
+    computed: {
+        displayedTicker() {
+            if (this.symbol && this.symbol.match(/^[a-z]{2,16}$/i)) {
+                return this.symbol;
+            }
+
+            return this.$t('jetton.tokens');
+        },
+
+        hasOffchainMetadata() {
+            return this.metadata_url === null;
+        },
+
+        hasExternalAvatar() {
+            return !!this?.image?.original;
+        },
+
+        addressMeta() {
+            return this.$store.getters.getAddressMeta(this.address);
+        },
+    },
+
+    methods: {
+        getRawMetadata() {
+            return getJettonRawMetadata(this.address);
+        },
+
+        searchMyAddress() {
+            if ((this.myAddress || '').length !== 48) {
+                return;
+            }
+
+            getMyJettonWallet(this.address, this.myAddress)
+                .then((response) => {
+                    if (response.address) {
+                        return this.$router.push({
+                            name: 'jetton',
+                            params: { address: response.address },
+                        });
+                    }
+
+                    throw Error();
+                })
+                .catch((error) => {
+                    this.$bus.$emit('showToast', 'Error');
+                    this.myAddress = undefined;
+                });
+        },
+    },
+
+    components: {
+        UiMetadataSource, HistoryTabs,
+    },
+};
+</script>
+
+<style lang="scss">
+.jetton-info-container {
+    width: 100%;
+    align-items: center;
+    display: flex;
+    flex-grow: 1;
+    padding: 18px 0;
+    margin-bottom: 8px;
+}
+.jetton-info-image {
+    border-radius: 50%;
+    margin: 0 14px 0 0;
+    width: 72px;
+    height: 72px;
+    flex-shrink: 0;
+    align-self: flex-start;
+}
+.jetton-info {
+    flex-grow: 1;
+    &__name {
+        font-weight: 500;
+        font-size: 24px;
+        margin: 0 0 8px 0;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        display: -webkit-box;
+        overflow: hidden;
+    }
+    &__description {
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 3;
+        display: -webkit-box;
+        overflow: hidden;
+    }
+}
+
+.jetton-wallet-search {
+    appearance: none;
+    border: none;
+    background: var(--body-light-muted-color);
+    border: 1px solid transparent;
+    padding: 5px 10px;
+    margin: -6px 0 !important;
+    border-radius: 4px;
+    font-family: inherit;
+    color: inherit;
+    width: 100%;
+    max-width: 240px;
+    box-sizing: border-box;
+    transition: .2s all ease;
+    &::placeholder {
+        color: #939394;
+    }
+    &::-webkit-input-placeholder {
+        color: #939394;
+    }
+    &:focus {
+        max-width: 480px;
+        border-color: #2575ed;
+        background: transparent;
+    }
+}
+
+@media all and (max-width: 480px) {
+    .jetton-info-container {
+        flex-direction: column;
+        text-align: center;
+        margin-bottom: 6px;
+    }
+
+    .jetton-info-image {
+        margin: 0 0 12px 0;
+        width: 86px;
+        height: 86px;
+        align-self: center;
+    }
+
+    .jetton-info {
+        &__name {
+            font-size: 26px;
+        }
+    }
+
+    .jetton-wallet-search {
+        margin: 0 !important;
+        max-width: 100%;
+    }
+}
+</style>
diff --git a/src/js/components/anonNumber/JettonTabHolders.vue b/src/js/components/anonNumber/JettonTabHolders.vue
new file mode 100644
index 0000000..a301244
--- /dev/null
+++ b/src/js/components/anonNumber/JettonTabHolders.vue
@@ -0,0 +1,89 @@
+<template>
+    <section>
+        <div v-show="!isEmpty" class="tx-history-wrap">
+            <table class="tx-table">
+                <thead>
+                    <tr>
+                        <th><div class="tx-table__cell" v-text="$t('common.address')"/></th>
+                        <th><div class="tx-table__cell" v-text="$t('address.tokens.table_token_balance')"/></th>
+                        <th><div class="tx-table__cell tx-table__cell--align-right" v-text="'Pie'"/></th>
+                    </tr>
+                </thead>
+
+                <tbody v-if="isLoading">
+                    <tr v-for="i in 5">
+                        <td v-pre>
+                            <div class="tx-table__cell">
+                                <span class="skeleton">SomeCoolBouncableAddress</span>
+                            </div>
+                        </td>
+                        <td v-pre>
+                            <div class="tx-table__cell">
+                                <span class="skeleton">1000000</span>
+                            </div>
+                        </td>
+                        <td v-pre>
+                            <div class="tx-table__cell tx-table__cell--align-right">
+                                <span class="skeleton">100.00%</span>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+
+                <tbody v-else>
+                    <tr v-for="holder in holders">
+                        <td>
+                            <div class="tx-table__cell">
+                                <ui-address v-bind:address="holder.holder_address"/>
+                            </div>
+                        </td>
+                        <td>
+                            <div class="tx-table__cell">
+                                {{$ton(holder.balance, decimals)}}
+                                <span style="margin-left: 4px; opacity: 0.5;" v-text="symbol"/>
+                            </div>
+                        </td>
+                        <td>
+                            <div class="tx-table__cell tx-table__cell--align-right">
+                                {{(holder.balance / supply * 100).toFixed(2)}}%
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </section>
+</template>
+
+<script>
+import { getJettonHolders } from '~/api/extenderContracts.js';
+
+export default {
+    props: {
+        address: String,
+        decimals: Number,
+        supply: String,
+        symbol: String,
+    },
+
+    data() {
+        return {
+            holders: [],
+            isLoading: true,
+        };
+    },
+
+    created() {
+        this.loadData();
+    },
+
+    methods: {
+        loadData() {
+            getJettonHolders(this.address).then(({ holders, total }) => {
+                this.holders = Object.freeze(holders);
+                this.isLoading = false;
+            });
+        },
+    },
+};
+</script>
diff --git a/src/js/components/anonNumber/JettonWallet.vue b/src/js/components/anonNumber/JettonWallet.vue
new file mode 100644
index 0000000..3810551
--- /dev/null
+++ b/src/js/components/anonNumber/JettonWallet.vue
@@ -0,0 +1,96 @@
+<template>
+    <section>
+        <div class="card">
+            <header class="card-title" v-text="$t('jetton.wallet.title')"/>
+
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('address.info.address')"/>
+                <div class="card-row__value">
+                    <span v-if="addressMeta.isScam" class="card-main-address-badge card-main-address-badge--scam">SCAM</span>
+                    <ui-copy-button v-bind:successMessage="$t('address.info.copy_success')" v-bind:copy="address">
+                        {{address}}
+                    </ui-copy-button>
+                </div>
+            </div>
+
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('jetton.wallet.owner')"/>
+                <div class="card-row__value">
+                    <ui-address v-if="owner_address" v-bind:address="owner_address"/>
+                    <span v-else class="skeleton">SomeAddressString</span>
+                </div>
+            </div>
+
+            <div class="card-row">
+                <div class="card-row__name" v-text="$t('address.info.balance')"/>
+                <div class="card-row__value" v-if="balance === 0 || balance">
+                    {{$ton(balance, jetton.decimals)}}
+                    <router-link v-bind:to="jettonPageLink" v-text="displayedTicker"/>
+                </div>
+
+                <div v-else class="card-row__value">
+                    <span class="skeleton">100 Tokens</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="card card--tabbed" style="margin-top: 18px;">
+            <nav class="card-title-tabs">
+                <div class="card-title-tab"
+                    v-on:click="activeTab = 'transactions'"
+                    v-bind:class="{ 'card-title-tab--active': true }">
+                    <icon-list v-once class="card-title-tab__icon"/>
+                    {{$t('jetton.recent_tx')}}
+                </div>
+            </nav>
+
+            <tx-history v-bind:address="address"/>
+        </div>
+    </section>
+</template>
+
+<script>
+import TxHistory from '~/components/address/TxHistory.vue';
+import IconList from '@img/icons/material-duotone/list.svg?inline';
+
+export default {
+    props: {
+        address: String,
+        owner_address: String,
+        jetton_address: String,
+        balance: Number,
+        jetton: {
+            type: Object,
+            default: () => ({ image: {}}),
+        },
+    },
+
+    computed: {
+        addressMeta() {
+            return this.$store.getters.getAddressMeta(this.address);
+        },
+
+        displayedTicker() {
+            if (this.jetton?.symbol && this.jetton.symbol.match(/^[a-z]{2,16}$/i)) {
+                return this.jetton.symbol;
+            }
+
+            return this.$t('jetton.tokens');
+        },
+
+        jettonPageLink() {
+            return {
+                name: 'jetton',
+                params: {
+                    address: this.jetton_address,
+                    skeletonHint: 'jetton',
+                },
+            };
+        },
+    },
+
+    components: {
+        IconList, TxHistory,
+    },
+};
+</script>
diff --git a/src/js/components/anonNumber/PageAnonNumber.vue b/src/js/components/anonNumber/PageAnonNumber.vue
new file mode 100644
index 0000000..39d8be5
--- /dev/null
+++ b/src/js/components/anonNumber/PageAnonNumber.vue
@@ -0,0 +1,95 @@
+<template>
+    <section>
+        <!-- <jetton-wallet v-if="type === 'jetton_wallet' || skeletonHint === 'jetton_wallet'"
+            v-bind:address="address"
+            v-bind="props"/> -->
+
+        <jetton-info 
+            v-bind:address="address"
+            v-bind="props"/>
+    </section>
+</template>
+
+<script>
+import { getItemHistory } from '~/api';
+import JettonWallet from './JettonWallet.vue';
+import JettonInfo from './JettonInfo.vue';
+
+export default {
+    props: {
+        address: {
+            type: String,
+            required: true,
+        },
+        skeletonHint: {
+            type: String,
+            required: false,
+        },
+    },
+
+    data() {
+        console.log('Data');
+        return {
+            type: undefined,
+            props: undefined,
+            activeTab: 'transactions',
+        };
+    },
+
+    watch: {
+        '$route': 'loadData',
+    },
+
+    created() {
+        this.loadData();
+    },
+
+    methods: {
+        reset() {
+            this.props = undefined;
+            this.type = undefined;
+        },
+
+        async loadData() {
+            console.log('loadData', {getItemHistory, address: this.address});
+
+            this.reset();
+            const result = await getItemHistory(this.address)
+
+            console.log('result', result);
+
+            // switch (result.type) {
+            //     case 'jetton_wallet':
+            //         let jettonMeta = result.jetton?.metadata;
+
+            //         // So that the component use the default prop:
+            //         if (!jettonMeta) {
+            //             jettonMeta = undefined;
+            //         }
+
+            //         this.props = Object.freeze({ ...result.jetton_wallet, jetton: jettonMeta });
+            //         this.type = 'jetton_wallet';
+            //         break;
+
+            //     case 'jetton':
+            //         const metadata = result.jetton?.metadata || {};
+            //         this.props = Object.freeze({ ...result.jetton, ...metadata });
+            //         this.type = 'jetton';
+            //         break;
+
+            //     default:
+            //         this.$bus.$emit('showToast', this.$t('jetton.error.redirect_invalid'));
+            //         this.$router.replace({
+            //             name: 'address',
+            //             params: { address: this.address },
+            //         });
+            //         break;
+            // }
+        },
+    },
+
+    components: {
+        JettonWallet, JettonInfo,
+    },
+};
+</script>
diff --git a/src/js/components/anonNumber/TdFrom.vue b/src/js/components/anonNumber/TdFrom.vue
new file mode 100644
index 0000000..31565a7
--- /dev/null
+++ b/src/js/components/anonNumber/TdFrom.vue
@@ -0,0 +1,40 @@
+<template>
+  <td>
+      <div class="tx-table__cell tx-table__cell--align-right">
+          <span v-if="is_external" class="muted" v-text="$t('address.tx_table.external')"/>
+          
+          <ui-address v-else
+              v-bind:address="sender"
+              v-bind:disabled="sender === address"
+              v-bind:type="source_type"/>
+      </div>
+  </td>
+</template>
+
+<script>
+export default {
+    props: {
+      address: String,
+      from: String,
+      is_external: Boolean,
+      source_type: String,
+      action: Object,
+    },
+
+    computed: {
+      sender() {
+          switch (this.action?.type) {
+              case 'jetton:transfer_notification':
+                  return this.action.sender;
+                  break;
+              case 'nft:ownership_assigned':
+                  return this.action.prev_owner;
+                  break;
+              default:
+                  return this.from;
+                  break;
+          }
+      },
+    },
+};
+</script>
\ No newline at end of file
diff --git a/src/js/components/anonNumber/TdLink.vue b/src/js/components/anonNumber/TdLink.vue
new file mode 100644
index 0000000..97c9f93
--- /dev/null
+++ b/src/js/components/anonNumber/TdLink.vue
@@ -0,0 +1,44 @@
+<template>
+  <td>
+      <router-link class="tx-table-cell-icon"
+          v-bind:to="{ name: 'tx', params: txLinkRouteParams }"
+          v-bind:title="is_success ? undefined : $t('tx.error_icon_tooltip', [exitCode])"
+          v-bind:class="{ 'tx-table-cell-icon--error': !is_success || is_bounced }"
+      >
+          <icon-tx-bounced v-once v-if="is_bounced" fill="currentColor"/>
+          <icon-tx-chain v-once v-else-if="is_success" fill="none"/>
+          <icon-tx-error v-once v-else fill="currentColor"/>
+      </router-link>
+  </td>
+</template>
+
+<script>
+import IconTxChain from '@img/icons/tonscan/chain-16.svg?inline';
+import IconTxError from '@primer/octicons/build/svg/alert-16.svg?inline';
+import IconTxBounced from '@primer/octicons/build/svg/iterations-16.svg?inline';
+
+export default {
+    props: {
+        is_success: Boolean,
+        is_bounced: Boolean,
+        exitCode: Number,
+        address: String,
+        txHash: String,
+        txLt: String,
+    },
+
+    computed: {
+        txLinkRouteParams() {
+            return {
+                lt: this.txLt,
+                hash: this.txHash,
+                address: this.address,
+            };
+        },
+    },
+
+    components: {
+        IconTxChain, IconTxError, IconTxBounced
+    },
+};
+</script>
\ No newline at end of file
diff --git a/src/js/components/anonNumber/TdMessageDirection.vue b/src/js/components/anonNumber/TdMessageDirection.vue
new file mode 100644
index 0000000..f635853
--- /dev/null
+++ b/src/js/components/anonNumber/TdMessageDirection.vue
@@ -0,0 +1,37 @@
+<template>
+  <td>
+    <div class="tx-table__cell" style="padding: 0;">
+        <span v-if="is_service || is_log"
+            class="tx-table__badge tx-table__badge--service"
+            v-text="$t('address.tx_table.log')"/>
+
+        <span v-else-if="is_out"
+            class="tx-table__badge tx-table__badge--out"
+            v-text="$t('address.tx_table.output')"/>
+
+        <span v-else
+            class="tx-table__badge tx-table__badge--in"
+            v-text="$t('address.tx_table.input')"/>
+    </div>
+  </td>
+</template>
+
+<script>
+export default {
+    props: {
+        is_service: Boolean,
+        from: String,
+        to: String,
+        address: String,
+    },
+
+    computed: {
+        is_log() {
+            return !this.to;
+        },
+        is_out() {
+            return this.from == this.address;
+        },
+    },
+};
+</script>
\ No newline at end of file
diff --git a/src/js/components/anonNumber/TdPrice.vue b/src/js/components/anonNumber/TdPrice.vue
new file mode 100644
index 0000000..adf58a2
--- /dev/null
+++ b/src/js/components/anonNumber/TdPrice.vue
@@ -0,0 +1,5 @@
+<template>
+  <td>
+      price
+  </td>
+</template>
\ No newline at end of file
diff --git a/src/js/components/anonNumber/TdReceiver.vue b/src/js/components/anonNumber/TdReceiver.vue
new file mode 100644
index 0000000..c2eb4da
--- /dev/null
+++ b/src/js/components/anonNumber/TdReceiver.vue
@@ -0,0 +1,62 @@
+<template>
+    <td>
+      <div class="tx-table__cell">
+          <router-link v-if="is_aggregated"
+              v-bind:to="{ name: 'tx', params: txLinkRouteParams }"
+              v-text="$tc('address.tx_table.address_count', outputCount)"/>
+
+          <template v-else-if="is_log">
+              {{$t('address.tx_table.nowhere')}}
+          </template>
+
+          <ui-address v-else
+              v-bind:address="receiver"
+              v-bind:disabled="receiver === address"
+              v-bind:type="destination_type"/>
+      </div>
+  </td>
+</template>
+
+
+<script>
+export default {
+    props: {
+        is_aggregated: Boolean,
+        outputCount: Number,
+        destination_type: String,
+        address: String,
+        action: Object,
+        to: String,
+        txLt: String,
+        txHash: String,
+    },
+
+    computed: {
+        receiver() {
+            switch (this.action?.type) {
+                case 'jetton:transfer':
+                    return this.action.destination;
+                    break;
+                case 'nft:transfer':
+                    return this.action.new_owner;
+                    break;
+                default:
+                    return this.to;
+                    break;
+            }
+        },
+
+        is_log() {
+            return !this.to;
+        },
+
+        txLinkRouteParams() {
+            return {
+                lt: this.txLt,
+                hash: this.txHash,
+                address: this.address,
+            };
+        },
+    },
+};
+</script>
diff --git a/src/js/components/anonNumber/TdType.vue b/src/js/components/anonNumber/TdType.vue
new file mode 100644
index 0000000..8cf9daa
--- /dev/null
+++ b/src/js/components/anonNumber/TdType.vue
@@ -0,0 +1,5 @@
+<template>
+  <td>
+      type
+  </td>
+</template>
\ No newline at end of file
diff --git a/src/js/components/anonNumber/TransactionDetail.vue b/src/js/components/anonNumber/TransactionDetail.vue
new file mode 100644
index 0000000..1437a37
--- /dev/null
+++ b/src/js/components/anonNumber/TransactionDetail.vue
@@ -0,0 +1,72 @@
+<template>
+  <tr class="tx-table-row-details">
+      <td colspan="12">
+          <div class="tx-table-inner-container">
+              <div class="tx-table-inner">
+                  <div class="tx-table-inner__header" v-text="$t('tx.status')"/>
+                  <template v-if="is_success">
+                      {{$t('tx.exit_code_success', [exitCode])}}
+                  </template>
+                  <template v-else-if="is_bounced">
+                      Bounced
+                  </template>
+                  <template v-else>
+                      {{$t('tx.exit_code_error', [exitCode])}}
+                  </template>
+              </div>
+
+              <div class="tx-table-inner">
+                  <div class="tx-table-inner__header" v-text="$t('tx.timestamp')"/>
+                  {{dateTime.toLocaleString()}}
+              </div>
+
+              <div class="tx-table-inner">
+                  <div class="tx-table-inner__header" v-text="$t('tx.hash')"/>
+
+                  <ui-copy-button v-bind:copy="txHash" v-bind:successMessage="$t('tx.hash_copy_success')">
+                      {{txHash}}
+                  </ui-copy-button>
+              </div>
+
+              <div class="tx-table-inner">
+                  <div class="tx-table-inner__header" v-text="$t('tx.lt')"/>
+
+                  <ui-copy-button v-bind:copy="txLt" v-bind:successMessage="$t('tx.lt_copy_success')">
+                      {{txLt}}
+                  </ui-copy-button>
+              </div>
+
+              <div class="tx-table-inner">
+                  <div class="tx-table-inner__header" v-text="$t('tx.fee')"/>
+                  {{$ton(fee)}} TON
+              </div>
+
+              <div v-if="message" class="tx-table-inner">
+                  <div class="tx-table-inner__header" v-text="$t('tx.message')"/>
+                  {{message}}
+              </div>
+          </div>
+      </td>
+  </tr>
+</template>
+
+<script>
+export default {
+    props: {
+        is_success: Boolean,
+        is_bounced: Boolean,
+        exitCode: Number,
+        txHash: String,
+        txLt: String,
+        fee: String,
+        message: String,
+        timestamp: Number,
+    },
+
+    computed: {
+      dateTime() {
+          return new Date(this.timestamp);
+      },
+    }
+};
+</script>
diff --git a/src/js/components/anonNumber/TransactionHistory.vue b/src/js/components/anonNumber/TransactionHistory.vue
new file mode 100644
index 0000000..cc72a0f
--- /dev/null
+++ b/src/js/components/anonNumber/TransactionHistory.vue
@@ -0,0 +1,183 @@
+<template>
+    <section>
+        <div v-if="emptyHistory"
+            class="tx-history-empty-panel"
+            v-text="$t('address.tx_table.empty')"/>
+
+        <div v-show="!emptyHistory" class="tx-history-wrap">
+            <table class="tx-table">
+                <thead>
+                    <tr>
+                        <th v-pre width="40"></th>
+                        <th width="100">
+                            <div class="tx-table__cell"
+                                v-text="$t('address.history_table.time')"/>
+                        </th>
+                        <th>
+                            <div class="tx-table__cell tx-table__cell--align-right"
+                                v-text="$t('address.history_table.from')"/>
+                        </th>
+                        <th v-pre width="50"></th>
+                        <th>
+                            <div class="tx-table__cell"
+                                v-text="$t('address.history_table.to')"/>
+                        </th>
+                        <th>
+                            <div class="tx-table__cell tx-table__cell--align-right" style="padding-right: 26px;"
+                                v-text="$t('address.history_table.type')"/>
+                        </th>
+                        <th>
+                            <div class="tx-table__cell tx-table__cell--align-right" style="padding-right: 26px;"
+                                v-text="$t('address.history_table.price')"/>
+                        </th>
+                        <th v-pre width="40">
+                            <div class="tx-table__cell"></div>
+                        </th>
+                    </tr>
+                </thead>
+
+                <tbody v-show="!address || transactions.length == 0">
+                    <tx-row-skeleton v-for="i in 8" v-bind:key="`tx_skeleton_${i}`"/>
+                </tbody>
+
+                <template v-if="address">
+                    <template v-for="tx in transactions">
+                        <template v-for="(msg, idx) in tx.messages">
+                            <history-row v-if="displayMsg(msg)"
+                                v-bind:class="{ 'sub-list': idx > 0 }"
+                                v-bind:address="address"
+                                v-bind:key="`${tx.hash}_${idx}`"
+                                v-bind:txHash="tx.hash"
+                                v-bind:txLt="tx.lt"
+                                v-bind:timestamp="tx.timestamp"
+                                v-bind:fee="tx.fee"
+                                v-bind:exitCode="tx.exit_code"
+                                v-bind:outputCount="tx.output_count"
+                                v-bind:action="msg.action"
+                                v-bind:meta="msg.meta"
+                                v-bind="msg"/>
+                        </template>
+                    </template>
+                </template>
+            </table>
+        </div>
+
+        <mugen-scroll class="mugen-scroll" v-bind:handler="loadMore" v-bind:should-handle="shouldHandleScroll">
+            <div ref="infiniteLoader" class="mugen-scroll__button" v-show="showPreloader" v-on:click="loadMore">
+                <template v-if="isLoading">{{$t('common.loading')}}</template>
+                <template v-else>{{$t('common.load_more')}}</template>
+            </div>
+        </mugen-scroll>
+    </section>
+</template>
+
+<script>
+import { getTransactionsByAddress } from '~/api/indexator.js';
+import TxRowSkeleton from '../address/TxRowSkeleton.vue';
+import HistoryRow from './HistoryRow.vue';
+import MugenScroll from 'vue-mugen-scroll';
+
+export default {
+    props: {
+        address: {
+            type: String,
+            required: false,
+        },
+    },
+
+    data() {
+        return {
+            transactions: [],
+            isLoading: true,
+            hasMore: true,
+            emptyHistory: false,
+            lastActivity: undefined,
+        };
+    },
+
+    computed: {
+        shouldHandleScroll() {
+            return !this.isLoading
+                && this.address
+                && this.hasMore
+                && this.transactions.length > 0;
+        },
+
+        showPreloader() {
+            return this.address
+                && this.transactions.length > 0
+                && this.hasMore;
+        },
+    },
+
+    watch: {
+        address: {
+            immediate: true,
+            handler(address) {
+                if (!address) return;
+
+                this.transactions = [];
+                this.isLoading = true;
+                this.hasMore = true;
+                this.emptyHistory = false;
+
+                this.$nextTick(() => this.loadData());
+            },
+        },
+    },
+
+    activated() {
+        this.emitLastActivity();
+    },
+
+    methods: {
+        displayMsg(msg) {
+            return !msg.is_external;
+        },
+
+        emitLastActivity() {
+            this.$emit('lastActivityUpdate', this.lastActivity);
+        },
+
+        async loadData() {
+            const transactions = await getTransactionsByAddress(this.address, { limit: 20 });
+
+            this.transactions = transactions;
+            this.emptyHistory = transactions.length === 0;
+            this.hasMore = transactions.length >= 20;
+            this.isLoading = false;
+
+            // fix the latest timestamp so that the new transactions don't break offset+limit:
+            this.lastActivity = transactions.length > 0
+                ? this.transactions[0]?.timestamp
+                : null;
+
+            this.emitLastActivity();
+        },
+
+        async loadMore() {
+            // Since the address prop can be undefined, the should-handle
+            // prop may not be updated in time (delayed tick):
+            if (!this.shouldHandleScroll || !this.$refs.infiniteLoader.offsetParent) { return; }
+
+            this.isLoading = true;
+
+            const limit = 50;
+            const newTx = await getTransactionsByAddress(this.address, {
+                limit: limit,
+                offset: this.transactions.length,
+                end_utime: this.lastActivity,
+            });
+
+            this.hasMore = newTx.length >= limit;
+            this.isLoading = false;
+
+            this.transactions = this.transactions.concat(newTx);
+        },
+    },
+
+    components: {
+        HistoryRow, TxRowSkeleton, MugenScroll,
+    },
+};
+</script>
diff --git a/src/js/i18n/en.js b/src/js/i18n/en.js
index fef6831..e7b0a85 100644
--- a/src/js/i18n/en.js
+++ b/src/js/i18n/en.js
@@ -89,6 +89,14 @@ export default {
             address_count: 'empty | {n} address | {n} addresses',
         },
 
+        history_table: {
+            type: 'Type',
+            price: 'Price',
+            from: 'From',
+            to: 'To',
+            time: 'Time',
+        },
+
         nfts: {
             no_nfts: 'User doesn\'t own any nft',
             no_collection: 'Standalone NFT',
diff --git a/src/js/i18n/ru.js b/src/js/i18n/ru.js
index 38e003c..227d43d 100644
--- a/src/js/i18n/ru.js
+++ b/src/js/i18n/ru.js
@@ -89,6 +89,14 @@ export default {
             address_count: 'пусто | {n} адрес | {n} адреса | {n} адресов',
         },
 
+        history_table: {
+            type: 'Тип',
+            price: 'Цена',
+            from: 'От',
+            to: 'Кому',
+            time: 'Время',
+        },
+
         nfts: {
             no_nfts: 'Кажется, на этом адресе нет NFT',
             no_collection: 'Не в коллекции',
diff --git a/src/js/router.js b/src/js/router.js
index 60e45bb..72cfed7 100644
--- a/src/js/router.js
+++ b/src/js/router.js
@@ -9,6 +9,7 @@ import PageIndex from '~/components/PageIndex.vue';
 import PageTx from '~/components/tx/PageTx.vue';
 import PageNft from '~/components/nft/PageNft.vue';
 import PageJetton from '~/components/jetton/PageJetton.vue';
+import PageAnonNumber from '~/components/anonNumber/PageAnonNumber.vue';
 import PageNominator from '~/components/nominator/PageNominator.vue';
 import PageStats from '~/components/stats/PageStats.vue';
 import { ADDRESS_REGEX } from '~/config.js';
@@ -87,6 +88,12 @@ const routes = new VueRouter({
         component: PageNominator,
         props: true,
         meta: { title: 'TON Explorer :: Nominator Pool' },
+    }, {
+        name: 'anonNumber',
+        path: `/number/:address`,
+        component: PageAnonNumber,
+        props: true,
+        meta: { title: 'TON Explorer :: Anonim number' },
     }, {
         name: 'stats',
         path: '/stats',

From a2a5fa2441b51644bac968e0962f2ea6a4775af2 Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Wed, 30 Aug 2023 09:50:30 +0300
Subject: [PATCH 4/9] added history request

---
 src/js/api/getgems.js                         | 380 +++++++++++++++++-
 src/js/components/anonNumber/AnonNumber.vue   |  24 ++
 .../{HistoryTabs.vue => AnonNumberTabs.vue}   |  31 +-
 src/js/components/anonNumber/JettonInfo.vue   | 274 -------------
 .../anonNumber/JettonTabHolders.vue           |  89 ----
 src/js/components/anonNumber/JettonWallet.vue |  96 -----
 .../components/anonNumber/PageAnonNumber.vue  |  95 -----
 .../anonNumber/TransactionHistory.vue         | 183 ---------
 .../anonNumber/historyTable/HistoryTable.vue  | 170 ++++++++
 .../anonNumber/historyTable/THeader.vue       |  38 ++
 .../{ => historyTable}/TransactionDetail.vue  |   0
 .../historyRow}/HistoryRow.vue                |  98 ++---
 .../{ => historyTable/historyRow}/TdFrom.vue  |   0
 .../{ => historyTable/historyRow}/TdLink.vue  |   0
 .../historyRow}/TdMessageDirection.vue        |   0
 .../{ => historyTable/historyRow}/TdPrice.vue |   0
 .../historyRow}/TdReceiver.vue                |   0
 .../{ => historyTable/historyRow}/TdType.vue  |   0
 src/js/i18n/en.js                             |   3 +-
 src/js/i18n/ru.js                             |   1 +
 src/js/router.js                              |   4 +-
 21 files changed, 646 insertions(+), 840 deletions(-)
 create mode 100644 src/js/components/anonNumber/AnonNumber.vue
 rename src/js/components/anonNumber/{HistoryTabs.vue => AnonNumberTabs.vue} (64%)
 delete mode 100644 src/js/components/anonNumber/JettonInfo.vue
 delete mode 100644 src/js/components/anonNumber/JettonTabHolders.vue
 delete mode 100644 src/js/components/anonNumber/JettonWallet.vue
 delete mode 100644 src/js/components/anonNumber/PageAnonNumber.vue
 delete mode 100644 src/js/components/anonNumber/TransactionHistory.vue
 create mode 100644 src/js/components/anonNumber/historyTable/HistoryTable.vue
 create mode 100644 src/js/components/anonNumber/historyTable/THeader.vue
 rename src/js/components/anonNumber/{ => historyTable}/TransactionDetail.vue (100%)
 rename src/js/components/anonNumber/{ => historyTable/historyRow}/HistoryRow.vue (56%)
 rename src/js/components/anonNumber/{ => historyTable/historyRow}/TdFrom.vue (100%)
 rename src/js/components/anonNumber/{ => historyTable/historyRow}/TdLink.vue (100%)
 rename src/js/components/anonNumber/{ => historyTable/historyRow}/TdMessageDirection.vue (100%)
 rename src/js/components/anonNumber/{ => historyTable/historyRow}/TdPrice.vue (100%)
 rename src/js/components/anonNumber/{ => historyTable/historyRow}/TdReceiver.vue (100%)
 rename src/js/components/anonNumber/{ => historyTable/historyRow}/TdType.vue (100%)

diff --git a/src/js/api/getgems.js b/src/js/api/getgems.js
index b8dd0a5..3ccf848 100644
--- a/src/js/api/getgems.js
+++ b/src/js/api/getgems.js
@@ -241,14 +241,387 @@ const historyMock = {
                       "type": "mint"
                   },
                   "__typename": "NftItemHistory"
-              }
+              },
+              {
+                "id": "646cffbb67011edc92187637",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1684864943,
+                "createdAt": 1684864955,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "37884706000007",
+                "hash": "tm3YkUWP062ArN2FjB25S6F8c1rV3m+VbVpHHNQ7w5M=",
+                "typeData": {
+                    "__typename": "HistoryTypeSold",
+                    "type": "sold",
+                    "oldOwner": "EQDMtCf0QHGX0wdOArM8zb_UbjmToMqF-HwEbaiATaOk4HTL",
+                    "newOwner": "EQDW2iusdLPuHNTcPsgEigrRFYHI28oPbCiVDzcD7Dtopgjd",
+                    "oldOwnerUser": {
+                        "id": "6469527adfaa8ee013b5a60a",
+                        "avatar": "https://i.getgems.io/-eQJdMFYtaMUiILp0EhR5J-c63u1OHlivFVLQ-PdqnI/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMDUucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "newOwnerUser": {
+                        "id": "6251e5ee6ba1fdd1d60ce654",
+                        "avatar": "https://i.getgems.io/a94ijSFu7E0TfNDty8kVtebcdt0Hnun69lEmWz7XWJE/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvMTAtMTAtMjAyMi82MjUxZTVlZTZiYTFmZGQxZDYwY2U2NTQvNjM0NDk0MTJhNDZhMmQwNmE3NzEyNDg0LmpwZw",
+                        "name": "DW//42",
+                        "domain": "sendmecringe",
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "price": "139000000000"
+                },
+                "__typename": "NftItemHistory"
+            },
+            {
+                "id": "646cfc4967011edc9216cb8d",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1684864061,
+                "createdAt": 1684864073,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "37884428000003",
+                "hash": "rsbY2+TGk+KWr1K/xazB8hhXiHM+zAdKrMZZ7ipzbCc=",
+                "typeData": {
+                    "__typename": "HistoryTypePutUpForSale",
+                    "type": "put-up-for-sale",
+                    "owner": "EQDMtCf0QHGX0wdOArM8zb_UbjmToMqF-HwEbaiATaOk4HTL",
+                    "ownerUser": {
+                        "id": "6469527adfaa8ee013b5a60a",
+                        "avatar": "https://i.getgems.io/-eQJdMFYtaMUiILp0EhR5J-c63u1OHlivFVLQ-PdqnI/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMDUucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "price": "139000000000"
+                },
+                "__typename": "NftItemHistory"
+            },
+            {
+                "id": "646cfbf167011edc9216ae5a",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1684863975,
+                "createdAt": 1684863985,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "37884404000005",
+                "hash": "Wi1jGEMdYbqOyZY86jhHUbj82zxXxfr7ZP+zN8YOfCQ=",
+                "typeData": {
+                    "__typename": "HistoryTypeCancelSale",
+                    "type": "cancel-sale",
+                    "owner": "EQDMtCf0QHGX0wdOArM8zb_UbjmToMqF-HwEbaiATaOk4HTL",
+                    "price": "144000000000",
+                    "ownerUser": {
+                        "id": "6469527adfaa8ee013b5a60a",
+                        "avatar": "https://i.getgems.io/-eQJdMFYtaMUiILp0EhR5J-c63u1OHlivFVLQ-PdqnI/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMDUucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    }
+                },
+                "__typename": "NftItemHistory"
+            },
+            {
+                "id": "646b7a8167011edc92571e06",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1684765303,
+                "createdAt": 1684765313,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "37853668000003",
+                "hash": "UPNH0R56A3iX6B8iG7vYTG0noWto0Iua9DQMzxAZUBA=",
+                "typeData": {
+                    "__typename": "HistoryTypePutUpForSale",
+                    "type": "put-up-for-sale",
+                    "owner": "EQDMtCf0QHGX0wdOArM8zb_UbjmToMqF-HwEbaiATaOk4HTL",
+                    "ownerUser": {
+                        "id": "6469527adfaa8ee013b5a60a",
+                        "avatar": "https://i.getgems.io/-eQJdMFYtaMUiILp0EhR5J-c63u1OHlivFVLQ-PdqnI/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMDUucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "price": "144000000000"
+                },
+                "__typename": "NftItemHistory"
+            },
+            {
+                "id": "646b79c867011edc9256a1f2",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1684765115,
+                "createdAt": 1684765128,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "37853610000001",
+                "hash": "truiXSZ8uPxYiu3y92YCvivKPrZHSGNslm6A9xkNa70=",
+                "typeData": {
+                    "__typename": "HistoryTypeSold",
+                    "type": "sold",
+                    "oldOwner": "EQAIsDyxz0ZNIJWw60UF5RQkcPVOu6Tl6uBdNuxHrWG6A3nG",
+                    "newOwner": "EQDMtCf0QHGX0wdOArM8zb_UbjmToMqF-HwEbaiATaOk4HTL",
+                    "oldOwnerUser": {
+                        "id": "63c1c14b00f83fa0bdcc0929",
+                        "avatar": "https://i.getgems.io/PWFH81ySLOFgqaGsenQbbQ67eKkQWozEl4_JjReU130/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMjIucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "newOwnerUser": {
+                        "id": "6469527adfaa8ee013b5a60a",
+                        "avatar": "https://i.getgems.io/-eQJdMFYtaMUiILp0EhR5J-c63u1OHlivFVLQ-PdqnI/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMDUucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "price": "135000000000"
+                },
+                "__typename": "NftItemHistory"
+            },
+            {
+                "id": "63bd9bcad7d3e13be54394d5",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1673370560,
+                "createdAt": 1673370570,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "34365314000001",
+                "hash": "Ba84PuyKxibS62iNL53JNUrdhCpOhPB56kNnYDndNiY=",
+                "typeData": {
+                    "__typename": "HistoryTypeSold",
+                    "type": "sold",
+                    "oldOwner": "EQBHkpicntF5fwOiUZKn8HnbIRITfd3B_VuefK9TCPK9BFfo",
+                    "newOwner": "EQAIsDyxz0ZNIJWw60UF5RQkcPVOu6Tl6uBdNuxHrWG6A3nG",
+                    "oldOwnerUser": {
+                        "id": "6396881e5e1a106818c8f731",
+                        "avatar": "https://i.getgems.io/QldcLBp-zQ2ZOxpAo8IaP6aY4fb37eWzabQZRjmGY5o/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMjYucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "newOwnerUser": {
+                        "id": "63c1c14b00f83fa0bdcc0929",
+                        "avatar": "https://i.getgems.io/PWFH81ySLOFgqaGsenQbbQ67eKkQWozEl4_JjReU130/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMjIucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "price": "18000000000"
+                },
+                "__typename": "NftItemHistory"
+            },
+            {
+                "id": "63a7fdb7d7d3e13be53ca342",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1671953834,
+                "createdAt": 1671953847,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "33934670000001",
+                "hash": "GcPNoxdKq8dDMnwvYUR4Wq4jboIGsn9EG0tLpeOY5gQ=",
+                "typeData": {
+                    "__typename": "HistoryTypeSold",
+                    "type": "sold",
+                    "oldOwner": "EQBHkpicntF5fwOiUZKn8HnbIRITfd3B_VuefK9TCPK9BFfo",
+                    "newOwner": "EQBHkpicntF5fwOiUZKn8HnbIRITfd3B_VuefK9TCPK9BFfo",
+                    "oldOwnerUser": {
+                        "id": "6396881e5e1a106818c8f731",
+                        "avatar": "https://i.getgems.io/QldcLBp-zQ2ZOxpAo8IaP6aY4fb37eWzabQZRjmGY5o/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMjYucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "newOwnerUser": {
+                        "id": "6396881e5e1a106818c8f731",
+                        "avatar": "https://i.getgems.io/QldcLBp-zQ2ZOxpAo8IaP6aY4fb37eWzabQZRjmGY5o/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMjYucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "price": "15000000000"
+                },
+                "__typename": "NftItemHistory"
+            },
+            {
+                "id": "639eadf6d7d3e13be532f925",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1671343597,
+                "createdAt": 1671343606,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "33747918000003",
+                "hash": "jkzCoQyY2IbIvrbQHdXOeDnJ2JSYp11ZKLf8B0PvLsI=",
+                "typeData": {
+                    "__typename": "HistoryTypeSold",
+                    "type": "sold",
+                    "oldOwner": "EQBsPABtc8EfhSNRzFrgFy6QsjGUD3idVtWowWGlZsUNcIOf",
+                    "newOwner": "EQBHkpicntF5fwOiUZKn8HnbIRITfd3B_VuefK9TCPK9BFfo",
+                    "oldOwnerUser": {
+                        "id": "639723fc689da0ec4714deca",
+                        "avatar": "https://i.getgems.io/eqw6VqqhoLrOsADn7zpHpGpeayzNOQFry5HDAlIuSko/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMDIucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "newOwnerUser": {
+                        "id": "6396881e5e1a106818c8f731",
+                        "avatar": "https://i.getgems.io/QldcLBp-zQ2ZOxpAo8IaP6aY4fb37eWzabQZRjmGY5o/rs:fill:512:512:1/g:ce/czM6Ly9nZXRnZW1zLXMzL3VzZXItbWVkaWEvZGVmYXVsdC9uZXcvMjYucG5n",
+                        "name": "",
+                        "domain": null,
+                        "isBurn": false,
+                        "__typename": "User"
+                    },
+                    "price": "14000000000"
+                },
+                "__typename": "NftItemHistory"
+            },
+            {
+                "id": "63965133fa70928b0fa82485",
+                "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                "time": 1670795560,
+                "createdAt": 1670795571,
+                "nft": {
+                    "name": "+888 0756 1420",
+                    "address": "EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF",
+                    "content": {
+                        "image": {
+                            "sized": "https://i.getgems.io/igtarwKiDspOvXc0-wJKiMeRrwiZ-Dh6goDylnQ8Sxo/rs:fill:56:0:1/g:ce/czM6Ly9nZXRnZW1zLXMzL25mdC1jb250ZW50LWNhY2hlL2ltYWdlcy9FUUFPUWR3ZHc4a0dmdEpDU0ZnT0VyTTFtQmpZUGU0REJQcTgtQWhGNnZyOXNpNU4vMzFkZGQxMWIxNDAwZmVmMg",
+                            "__typename": "Image"
+                        },
+                        "__typename": "NftContentImage"
+                    },
+                    "__typename": "NftItem"
+                },
+                "collectionAddress": "EQAOQdwdw8kGftJCSFgOErM1mBjYPe4DBPq8-AhF6vr9si5N",
+                "lt": "33582533000005",
+                "hash": "PScYqdyQRdAkIdsX6sUbyxEpkEhnrII0aEzGPtVKL9E=",
+                "typeData": {
+                    "__typename": "HistoryTypeMint",
+                    "type": "mint"
+                },
+                "__typename": "NftItemHistory"
+            }
           ],
           "__typename": "NftItemHistoryConnection"
       }
   }
 }
 
-export const getItemHistory = async function(address, count = 24, cursor = undefined) {
+const transformItemHistory = (items) => {
+  return items.map((item) => {
+    return {
+      id: item.id,
+      address: item.address,
+      from: item.typeData.oldOwner,
+      to: item.typeData.newOwner,
+      price: item.typeData.price,
+      timestamp: item.createdAt,
+      type: item.typeData.type,
+    }
+  })
+}
+
+export const getItemHistory = async function(address, { limit = 50, offset = 0, end_utime }) {
     // const { data: { data: { historyNftItem }}} = await http.post(null, {
     //     query: GetItemHistoryQuery,
     //     variables: { address, count, cursor },
@@ -256,5 +629,6 @@ export const getItemHistory = async function(address, count = 24, cursor = undef
 
     // return historyNftItem;
 
-    return Promise.resolve(historyMock.data.historyNftItem)
+    const items = transformItemHistory(historyMock.data.historyNftItem.items)
+    return Promise.resolve(items)
 };
diff --git a/src/js/components/anonNumber/AnonNumber.vue b/src/js/components/anonNumber/AnonNumber.vue
new file mode 100644
index 0000000..24788c9
--- /dev/null
+++ b/src/js/components/anonNumber/AnonNumber.vue
@@ -0,0 +1,24 @@
+<template>
+    <anon-number-tabs v-bind:address="address" />
+</template>
+
+<script>
+// http://localhost:3000/number/EQATGB84uZOVMCC-8vok4bckwzyglAgZ0RAAhFevEJq6qdCj#history
+// https://getgems.io/nft/EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF
+// https://getgems.io/nft/EQB4JEJx2mh2Wk49oVlTQfy4Khl08ggzUMJe7YU7cfX2IEDj
+
+import AnonNumberTabs from './AnonNumberTabs.vue';
+
+export default {
+    props: {
+        address: {
+            type: String,
+            required: true,
+        },
+    },
+
+    components: {
+        AnonNumberTabs
+    },
+};
+</script>
diff --git a/src/js/components/anonNumber/HistoryTabs.vue b/src/js/components/anonNumber/AnonNumberTabs.vue
similarity index 64%
rename from src/js/components/anonNumber/HistoryTabs.vue
rename to src/js/components/anonNumber/AnonNumberTabs.vue
index 587d995..21b4371 100644
--- a/src/js/components/anonNumber/HistoryTabs.vue
+++ b/src/js/components/anonNumber/AnonNumberTabs.vue
@@ -1,19 +1,13 @@
 <script>
 import IconList from '@img/icons/material-duotone/list.svg?inline';
 import IconContract from '@img/icons/material-duotone/data-object.svg?inline';
-import IconToken from '@img/icons/material-duotone/toll.svg?inline';
 import TabContractSources from '../address/Verifier/Verifier.vue';
-import JettonTabHolders from './JettonTabHolders.vue';
-import TransactionHistory from './TransactionHistory.vue';
+import HistoryTable from './historyTable/HistoryTable.vue';
 import TxHistory from '../address/TxHistory.vue';
 import UiTabs from '~/components/UiTabs.vue';
 
 export default {
     props: {
-        isActive: Boolean,
-        supply: String,
-        decimals: Number,
-        symbol: String,
         address: {
             type: String,
             required: true,
@@ -36,13 +30,13 @@ export default {
             const key = this.address; // keepalive key
 
             return [{
-                key: 'historyTransactions',
-                text: this.$t('address.tab_transactions'),
+                key: 'history',
+                text: this.$t('address.tab_history'),
                 icon: IconList,
                 content: {
                     key, props,
                     eager: true,
-                    component: TransactionHistory,
+                    component: HistoryTable,
                 },
             },{
                 key: 'transactions',
@@ -53,21 +47,8 @@ export default {
                     eager: true,
                     component: TxHistory,
                 },
-            }, {
-                key: 'holders',
-                text: this.$t('jetton.top_holders'),
-                icon: IconToken,
-                content: {
-                    key,
-                    component: JettonTabHolders,
-                    props: {
-                        address: this.address,
-                        decimals: this.decimals,
-                        supply: this.supply,
-                        symbol: this.symbol,
-                    },
-                },
-            }, {
+            }, 
+            {
                 key: 'source',
                 text: this.$t('address.tab_contract'),
                 icon: IconContract,
diff --git a/src/js/components/anonNumber/JettonInfo.vue b/src/js/components/anonNumber/JettonInfo.vue
deleted file mode 100644
index b5c08be..0000000
--- a/src/js/components/anonNumber/JettonInfo.vue
+++ /dev/null
@@ -1,274 +0,0 @@
-<template>
-    <section>
-        <div class="jetton-info-container">
-            <ui-round-image v-if="hasExternalAvatar" class="jetton-info-image"
-                v-bind:srcset="`${image.w72} 1x, ${image.w144} 2x, ${image.w216} 3x`"
-                v-bind:src="image.w72"/>
-
-            <ui-round-image v-else class="jetton-info-image" v-bind:src="image_data"/>
-
-            <div class="jetton-info">
-                <h2 class="jetton-info__name">
-                    <span v-if="!hasOffchainMetadata && name === undefined" class="skeleton skeleton--inline">
-                        TOKEN NAME
-                    </span>
-                    <span v-else-if="!name" class="muted">Name not loaded</span>
-                    <template v-else>{{name}}</template>
-                </h2>
-                <div class="jetton-info__description">
-                    <span v-if="!hasOffchainMetadata && description === undefined" class="skeleton skeleton--inline">
-                        Some text describing the token
-                    </span>
-                    <span v-else-if="!description" class="muted" v-text="$t('common.no_description')"/>
-                    <template v-else>{{description}}</template>
-                </div>
-            </div>
-        </div>
-
-        <div class="card">
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('address.info.address')"/>
-                <div class="card-row__value">
-                    <span v-if="addressMeta.isScam" class="card-main-address-badge card-main-address-badge--scam">SCAM</span>
-                    <ui-copy-button v-bind:successMessage="$t('address.info.copy_success')" v-bind:copy="address">
-                        {{address}}
-                    </ui-copy-button>
-                </div>
-            </div>
-
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('jetton.admin_address')"/>
-                <div class="card-row__value">
-                    <span v-if="admin_address === undefined" class="skeleton">Ef8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMz</span>
-                    <template v-else-if="!admin_address">
-                        {{$t('jetton.admin_address_empty')}}
-                        <span class="muted" v-text="$t('jetton.admin_address_empty_explanation')"/>
-                    </template>
-                    <ui-address v-else v-bind:address="admin_address"/>
-                </div>
-            </div>
-
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('jetton.supply')"/>
-                <div class="card-row__value">
-                    <template v-if="total_supply !== undefined">
-                        {{$ton(total_supply, decimals)}} {{displayedTicker}}
-                    </template>
-                    <span v-else class="skeleton skeleton--inline">1000000 TOKENS</span>
-                </div>
-            </div>
- 
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('jetton.mutable')"/>
-                <div class="card-row__value">
-                    <template v-if="is_mutable != undefined">
-                        {{is_mutable ? $t('common.yes') : $t('common.no')}}
-                    </template>
-                    <span v-else class="skeleton skeleton--inline">Maybe</span>
-                </div>
-            </div>
-
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('jetton.metadata_source')"/>
-                <div class="card-row__value">
-                    <ui-metadata-source
-                        v-bind:url="metadata_url"
-                        v-bind:loader="getRawMetadata"/>
-                </div>
-            </div>
-
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('jetton.search_wallet')"/>
-                <div class="card-row__value" style="width: 100%;">
-                    <input class="jetton-wallet-search" v-model.trim="myAddress" type="search"
-                        v-bind:placeholder="$t('jetton.search_wallet_placeholder')"
-                        v-on:keypress.enter="searchMyAddress">
-                </div>
-            </div>
-        </div>
-
-        <history-tabs
-            v-bind:address="address"
-            v-bind:supply="total_supply"
-            v-bind:symbol="displayedTicker"
-            v-bind:decimals="decimals"/>
-    </section>
-</template>
-
-<script>
-import HistoryTabs from './HistoryTabs.vue';
-import UiMetadataSource from '~/components/UiMetadataSource.vue';
-import { getMyJettonWallet, getJettonRawMetadata } from '~/api/extenderContracts.js';
-
-export default {
-    props: {
-        address: String,
-        admin_address: [String, null],
-        total_supply: Number,
-        is_mutable: {
-            type: Boolean,
-            default: undefined,
-        },
-        metadata_url: [String, null],
-        name: String,
-        description: String,
-        symbol: String,
-        image_data: String,
-        decimals: Number,
-        image: {
-            type: Object,
-            default: () => ({}),
-        },
-    },
-
-    data() {
-        return {
-            myAddress: undefined,
-        };
-    },
-
-    computed: {
-        displayedTicker() {
-            if (this.symbol && this.symbol.match(/^[a-z]{2,16}$/i)) {
-                return this.symbol;
-            }
-
-            return this.$t('jetton.tokens');
-        },
-
-        hasOffchainMetadata() {
-            return this.metadata_url === null;
-        },
-
-        hasExternalAvatar() {
-            return !!this?.image?.original;
-        },
-
-        addressMeta() {
-            return this.$store.getters.getAddressMeta(this.address);
-        },
-    },
-
-    methods: {
-        getRawMetadata() {
-            return getJettonRawMetadata(this.address);
-        },
-
-        searchMyAddress() {
-            if ((this.myAddress || '').length !== 48) {
-                return;
-            }
-
-            getMyJettonWallet(this.address, this.myAddress)
-                .then((response) => {
-                    if (response.address) {
-                        return this.$router.push({
-                            name: 'jetton',
-                            params: { address: response.address },
-                        });
-                    }
-
-                    throw Error();
-                })
-                .catch((error) => {
-                    this.$bus.$emit('showToast', 'Error');
-                    this.myAddress = undefined;
-                });
-        },
-    },
-
-    components: {
-        UiMetadataSource, HistoryTabs,
-    },
-};
-</script>
-
-<style lang="scss">
-.jetton-info-container {
-    width: 100%;
-    align-items: center;
-    display: flex;
-    flex-grow: 1;
-    padding: 18px 0;
-    margin-bottom: 8px;
-}
-.jetton-info-image {
-    border-radius: 50%;
-    margin: 0 14px 0 0;
-    width: 72px;
-    height: 72px;
-    flex-shrink: 0;
-    align-self: flex-start;
-}
-.jetton-info {
-    flex-grow: 1;
-    &__name {
-        font-weight: 500;
-        font-size: 24px;
-        margin: 0 0 8px 0;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 1;
-        display: -webkit-box;
-        overflow: hidden;
-    }
-    &__description {
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 3;
-        display: -webkit-box;
-        overflow: hidden;
-    }
-}
-
-.jetton-wallet-search {
-    appearance: none;
-    border: none;
-    background: var(--body-light-muted-color);
-    border: 1px solid transparent;
-    padding: 5px 10px;
-    margin: -6px 0 !important;
-    border-radius: 4px;
-    font-family: inherit;
-    color: inherit;
-    width: 100%;
-    max-width: 240px;
-    box-sizing: border-box;
-    transition: .2s all ease;
-    &::placeholder {
-        color: #939394;
-    }
-    &::-webkit-input-placeholder {
-        color: #939394;
-    }
-    &:focus {
-        max-width: 480px;
-        border-color: #2575ed;
-        background: transparent;
-    }
-}
-
-@media all and (max-width: 480px) {
-    .jetton-info-container {
-        flex-direction: column;
-        text-align: center;
-        margin-bottom: 6px;
-    }
-
-    .jetton-info-image {
-        margin: 0 0 12px 0;
-        width: 86px;
-        height: 86px;
-        align-self: center;
-    }
-
-    .jetton-info {
-        &__name {
-            font-size: 26px;
-        }
-    }
-
-    .jetton-wallet-search {
-        margin: 0 !important;
-        max-width: 100%;
-    }
-}
-</style>
diff --git a/src/js/components/anonNumber/JettonTabHolders.vue b/src/js/components/anonNumber/JettonTabHolders.vue
deleted file mode 100644
index a301244..0000000
--- a/src/js/components/anonNumber/JettonTabHolders.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-    <section>
-        <div v-show="!isEmpty" class="tx-history-wrap">
-            <table class="tx-table">
-                <thead>
-                    <tr>
-                        <th><div class="tx-table__cell" v-text="$t('common.address')"/></th>
-                        <th><div class="tx-table__cell" v-text="$t('address.tokens.table_token_balance')"/></th>
-                        <th><div class="tx-table__cell tx-table__cell--align-right" v-text="'Pie'"/></th>
-                    </tr>
-                </thead>
-
-                <tbody v-if="isLoading">
-                    <tr v-for="i in 5">
-                        <td v-pre>
-                            <div class="tx-table__cell">
-                                <span class="skeleton">SomeCoolBouncableAddress</span>
-                            </div>
-                        </td>
-                        <td v-pre>
-                            <div class="tx-table__cell">
-                                <span class="skeleton">1000000</span>
-                            </div>
-                        </td>
-                        <td v-pre>
-                            <div class="tx-table__cell tx-table__cell--align-right">
-                                <span class="skeleton">100.00%</span>
-                            </div>
-                        </td>
-                    </tr>
-                </tbody>
-
-                <tbody v-else>
-                    <tr v-for="holder in holders">
-                        <td>
-                            <div class="tx-table__cell">
-                                <ui-address v-bind:address="holder.holder_address"/>
-                            </div>
-                        </td>
-                        <td>
-                            <div class="tx-table__cell">
-                                {{$ton(holder.balance, decimals)}}
-                                <span style="margin-left: 4px; opacity: 0.5;" v-text="symbol"/>
-                            </div>
-                        </td>
-                        <td>
-                            <div class="tx-table__cell tx-table__cell--align-right">
-                                {{(holder.balance / supply * 100).toFixed(2)}}%
-                            </div>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </section>
-</template>
-
-<script>
-import { getJettonHolders } from '~/api/extenderContracts.js';
-
-export default {
-    props: {
-        address: String,
-        decimals: Number,
-        supply: String,
-        symbol: String,
-    },
-
-    data() {
-        return {
-            holders: [],
-            isLoading: true,
-        };
-    },
-
-    created() {
-        this.loadData();
-    },
-
-    methods: {
-        loadData() {
-            getJettonHolders(this.address).then(({ holders, total }) => {
-                this.holders = Object.freeze(holders);
-                this.isLoading = false;
-            });
-        },
-    },
-};
-</script>
diff --git a/src/js/components/anonNumber/JettonWallet.vue b/src/js/components/anonNumber/JettonWallet.vue
deleted file mode 100644
index 3810551..0000000
--- a/src/js/components/anonNumber/JettonWallet.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-    <section>
-        <div class="card">
-            <header class="card-title" v-text="$t('jetton.wallet.title')"/>
-
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('address.info.address')"/>
-                <div class="card-row__value">
-                    <span v-if="addressMeta.isScam" class="card-main-address-badge card-main-address-badge--scam">SCAM</span>
-                    <ui-copy-button v-bind:successMessage="$t('address.info.copy_success')" v-bind:copy="address">
-                        {{address}}
-                    </ui-copy-button>
-                </div>
-            </div>
-
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('jetton.wallet.owner')"/>
-                <div class="card-row__value">
-                    <ui-address v-if="owner_address" v-bind:address="owner_address"/>
-                    <span v-else class="skeleton">SomeAddressString</span>
-                </div>
-            </div>
-
-            <div class="card-row">
-                <div class="card-row__name" v-text="$t('address.info.balance')"/>
-                <div class="card-row__value" v-if="balance === 0 || balance">
-                    {{$ton(balance, jetton.decimals)}}
-                    <router-link v-bind:to="jettonPageLink" v-text="displayedTicker"/>
-                </div>
-
-                <div v-else class="card-row__value">
-                    <span class="skeleton">100 Tokens</span>
-                </div>
-            </div>
-        </div>
-
-        <div class="card card--tabbed" style="margin-top: 18px;">
-            <nav class="card-title-tabs">
-                <div class="card-title-tab"
-                    v-on:click="activeTab = 'transactions'"
-                    v-bind:class="{ 'card-title-tab--active': true }">
-                    <icon-list v-once class="card-title-tab__icon"/>
-                    {{$t('jetton.recent_tx')}}
-                </div>
-            </nav>
-
-            <tx-history v-bind:address="address"/>
-        </div>
-    </section>
-</template>
-
-<script>
-import TxHistory from '~/components/address/TxHistory.vue';
-import IconList from '@img/icons/material-duotone/list.svg?inline';
-
-export default {
-    props: {
-        address: String,
-        owner_address: String,
-        jetton_address: String,
-        balance: Number,
-        jetton: {
-            type: Object,
-            default: () => ({ image: {}}),
-        },
-    },
-
-    computed: {
-        addressMeta() {
-            return this.$store.getters.getAddressMeta(this.address);
-        },
-
-        displayedTicker() {
-            if (this.jetton?.symbol && this.jetton.symbol.match(/^[a-z]{2,16}$/i)) {
-                return this.jetton.symbol;
-            }
-
-            return this.$t('jetton.tokens');
-        },
-
-        jettonPageLink() {
-            return {
-                name: 'jetton',
-                params: {
-                    address: this.jetton_address,
-                    skeletonHint: 'jetton',
-                },
-            };
-        },
-    },
-
-    components: {
-        IconList, TxHistory,
-    },
-};
-</script>
diff --git a/src/js/components/anonNumber/PageAnonNumber.vue b/src/js/components/anonNumber/PageAnonNumber.vue
deleted file mode 100644
index 39d8be5..0000000
--- a/src/js/components/anonNumber/PageAnonNumber.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-    <section>
-        <!-- <jetton-wallet v-if="type === 'jetton_wallet' || skeletonHint === 'jetton_wallet'"
-            v-bind:address="address"
-            v-bind="props"/> -->
-
-        <jetton-info 
-            v-bind:address="address"
-            v-bind="props"/>
-    </section>
-</template>
-
-<script>
-import { getItemHistory } from '~/api';
-import JettonWallet from './JettonWallet.vue';
-import JettonInfo from './JettonInfo.vue';
-
-export default {
-    props: {
-        address: {
-            type: String,
-            required: true,
-        },
-        skeletonHint: {
-            type: String,
-            required: false,
-        },
-    },
-
-    data() {
-        console.log('Data');
-        return {
-            type: undefined,
-            props: undefined,
-            activeTab: 'transactions',
-        };
-    },
-
-    watch: {
-        '$route': 'loadData',
-    },
-
-    created() {
-        this.loadData();
-    },
-
-    methods: {
-        reset() {
-            this.props = undefined;
-            this.type = undefined;
-        },
-
-        async loadData() {
-            console.log('loadData', {getItemHistory, address: this.address});
-
-            this.reset();
-            const result = await getItemHistory(this.address)
-
-            console.log('result', result);
-
-            // switch (result.type) {
-            //     case 'jetton_wallet':
-            //         let jettonMeta = result.jetton?.metadata;
-
-            //         // So that the component use the default prop:
-            //         if (!jettonMeta) {
-            //             jettonMeta = undefined;
-            //         }
-
-            //         this.props = Object.freeze({ ...result.jetton_wallet, jetton: jettonMeta });
-            //         this.type = 'jetton_wallet';
-            //         break;
-
-            //     case 'jetton':
-            //         const metadata = result.jetton?.metadata || {};
-            //         this.props = Object.freeze({ ...result.jetton, ...metadata });
-            //         this.type = 'jetton';
-            //         break;
-
-            //     default:
-            //         this.$bus.$emit('showToast', this.$t('jetton.error.redirect_invalid'));
-            //         this.$router.replace({
-            //             name: 'address',
-            //             params: { address: this.address },
-            //         });
-            //         break;
-            // }
-        },
-    },
-
-    components: {
-        JettonWallet, JettonInfo,
-    },
-};
-</script>
diff --git a/src/js/components/anonNumber/TransactionHistory.vue b/src/js/components/anonNumber/TransactionHistory.vue
deleted file mode 100644
index cc72a0f..0000000
--- a/src/js/components/anonNumber/TransactionHistory.vue
+++ /dev/null
@@ -1,183 +0,0 @@
-<template>
-    <section>
-        <div v-if="emptyHistory"
-            class="tx-history-empty-panel"
-            v-text="$t('address.tx_table.empty')"/>
-
-        <div v-show="!emptyHistory" class="tx-history-wrap">
-            <table class="tx-table">
-                <thead>
-                    <tr>
-                        <th v-pre width="40"></th>
-                        <th width="100">
-                            <div class="tx-table__cell"
-                                v-text="$t('address.history_table.time')"/>
-                        </th>
-                        <th>
-                            <div class="tx-table__cell tx-table__cell--align-right"
-                                v-text="$t('address.history_table.from')"/>
-                        </th>
-                        <th v-pre width="50"></th>
-                        <th>
-                            <div class="tx-table__cell"
-                                v-text="$t('address.history_table.to')"/>
-                        </th>
-                        <th>
-                            <div class="tx-table__cell tx-table__cell--align-right" style="padding-right: 26px;"
-                                v-text="$t('address.history_table.type')"/>
-                        </th>
-                        <th>
-                            <div class="tx-table__cell tx-table__cell--align-right" style="padding-right: 26px;"
-                                v-text="$t('address.history_table.price')"/>
-                        </th>
-                        <th v-pre width="40">
-                            <div class="tx-table__cell"></div>
-                        </th>
-                    </tr>
-                </thead>
-
-                <tbody v-show="!address || transactions.length == 0">
-                    <tx-row-skeleton v-for="i in 8" v-bind:key="`tx_skeleton_${i}`"/>
-                </tbody>
-
-                <template v-if="address">
-                    <template v-for="tx in transactions">
-                        <template v-for="(msg, idx) in tx.messages">
-                            <history-row v-if="displayMsg(msg)"
-                                v-bind:class="{ 'sub-list': idx > 0 }"
-                                v-bind:address="address"
-                                v-bind:key="`${tx.hash}_${idx}`"
-                                v-bind:txHash="tx.hash"
-                                v-bind:txLt="tx.lt"
-                                v-bind:timestamp="tx.timestamp"
-                                v-bind:fee="tx.fee"
-                                v-bind:exitCode="tx.exit_code"
-                                v-bind:outputCount="tx.output_count"
-                                v-bind:action="msg.action"
-                                v-bind:meta="msg.meta"
-                                v-bind="msg"/>
-                        </template>
-                    </template>
-                </template>
-            </table>
-        </div>
-
-        <mugen-scroll class="mugen-scroll" v-bind:handler="loadMore" v-bind:should-handle="shouldHandleScroll">
-            <div ref="infiniteLoader" class="mugen-scroll__button" v-show="showPreloader" v-on:click="loadMore">
-                <template v-if="isLoading">{{$t('common.loading')}}</template>
-                <template v-else>{{$t('common.load_more')}}</template>
-            </div>
-        </mugen-scroll>
-    </section>
-</template>
-
-<script>
-import { getTransactionsByAddress } from '~/api/indexator.js';
-import TxRowSkeleton from '../address/TxRowSkeleton.vue';
-import HistoryRow from './HistoryRow.vue';
-import MugenScroll from 'vue-mugen-scroll';
-
-export default {
-    props: {
-        address: {
-            type: String,
-            required: false,
-        },
-    },
-
-    data() {
-        return {
-            transactions: [],
-            isLoading: true,
-            hasMore: true,
-            emptyHistory: false,
-            lastActivity: undefined,
-        };
-    },
-
-    computed: {
-        shouldHandleScroll() {
-            return !this.isLoading
-                && this.address
-                && this.hasMore
-                && this.transactions.length > 0;
-        },
-
-        showPreloader() {
-            return this.address
-                && this.transactions.length > 0
-                && this.hasMore;
-        },
-    },
-
-    watch: {
-        address: {
-            immediate: true,
-            handler(address) {
-                if (!address) return;
-
-                this.transactions = [];
-                this.isLoading = true;
-                this.hasMore = true;
-                this.emptyHistory = false;
-
-                this.$nextTick(() => this.loadData());
-            },
-        },
-    },
-
-    activated() {
-        this.emitLastActivity();
-    },
-
-    methods: {
-        displayMsg(msg) {
-            return !msg.is_external;
-        },
-
-        emitLastActivity() {
-            this.$emit('lastActivityUpdate', this.lastActivity);
-        },
-
-        async loadData() {
-            const transactions = await getTransactionsByAddress(this.address, { limit: 20 });
-
-            this.transactions = transactions;
-            this.emptyHistory = transactions.length === 0;
-            this.hasMore = transactions.length >= 20;
-            this.isLoading = false;
-
-            // fix the latest timestamp so that the new transactions don't break offset+limit:
-            this.lastActivity = transactions.length > 0
-                ? this.transactions[0]?.timestamp
-                : null;
-
-            this.emitLastActivity();
-        },
-
-        async loadMore() {
-            // Since the address prop can be undefined, the should-handle
-            // prop may not be updated in time (delayed tick):
-            if (!this.shouldHandleScroll || !this.$refs.infiniteLoader.offsetParent) { return; }
-
-            this.isLoading = true;
-
-            const limit = 50;
-            const newTx = await getTransactionsByAddress(this.address, {
-                limit: limit,
-                offset: this.transactions.length,
-                end_utime: this.lastActivity,
-            });
-
-            this.hasMore = newTx.length >= limit;
-            this.isLoading = false;
-
-            this.transactions = this.transactions.concat(newTx);
-        },
-    },
-
-    components: {
-        HistoryRow, TxRowSkeleton, MugenScroll,
-    },
-};
-</script>
diff --git a/src/js/components/anonNumber/historyTable/HistoryTable.vue b/src/js/components/anonNumber/historyTable/HistoryTable.vue
new file mode 100644
index 0000000..9ac1537
--- /dev/null
+++ b/src/js/components/anonNumber/historyTable/HistoryTable.vue
@@ -0,0 +1,170 @@
+<template>
+    <section>
+        <div v-if="this.isLoading && !items.length" class="tx-history-wrap">
+            <table class="tx-table">
+                <t-header />
+                <tbody>
+                    <tx-row-skeleton 
+                        v-for="i in this.limit" 
+                        v-bind:key="`tx_skeleton_${i}`"
+                    />
+                </tbody>
+            </table>
+        </div>
+
+        <div v-else-if="!this.isLoading && this.error"
+            class="tx-history-empty-panel"
+            v-text="this.error"
+        />
+
+        <div v-else-if="!this.isLoading && !this.error && !items.length"
+            class="tx-history-empty-panel"
+            v-text="$t('address.tx_table.empty')"
+        />
+
+        <div v-else-if="items.length" class="tx-history-wrap">
+            <table class="tx-table">
+                <t-header />
+                <history-row 
+                    v-for="item in items"
+                    v-bind:class="{ 'sub-list': item.id > 0 }"
+                    v-bind:key="item.id"
+                    v-bind:address="item.address"
+                    v-bind:from="item.from"
+                    v-bind:to="item.to"
+                    v-bind:price="item.price"
+                    v-bind:timestamp="item.timestamp"
+                    v-bind:type="item.type"
+                />
+            </table>
+        </div>
+
+        <mugen-scroll class="mugen-scroll" v-bind:handler="loadMore" v-bind:should-handle="shouldHandleScroll">
+            <div ref="infiniteLoader" class="mugen-scroll__button" v-show="showPreloader" v-on:click="loadMore">
+                <template v-if="isLoading">{{$t('common.loading')}}</template>
+                <template v-else>{{$t('common.load_more')}}</template>
+            </div>
+        </mugen-scroll>
+    </section>
+</template>
+
+<script>
+import MugenScroll from 'vue-mugen-scroll';
+
+import TxRowSkeleton from '../../address/TxRowSkeleton.vue';
+import HistoryRow from './historyRow/HistoryRow.vue';
+import THeader from './THeader.vue';
+import { getItemHistory } from '~/api';
+
+export default {
+    props: {
+        address: {
+            type: String,
+            required: false,
+        },
+    },
+
+    data() {
+        return {
+            items: [],
+            isLoading: true,
+            error: null,
+
+            hasMore: true,
+            emptyHistory: false,
+            lastActivity: undefined,
+
+            limit: 3,
+        };
+    },
+
+    computed: {
+        shouldHandleScroll() {
+            return !this.isLoading
+                && this.address
+                && this.hasMore
+                && this.items.length > 0;
+        },
+
+        showPreloader() {
+            return this.address && this.items.length > 0 && this.hasMore;
+        },
+    },
+
+    watch: {
+        address: {
+            immediate: true,
+            handler(address) {
+                if (!address) return;
+
+                this.items = []
+                this.isLoading = true;
+                this.hasMore = true;
+                this.emptyHistory = false;
+
+                this.$nextTick(() => this.firstLoad());
+            },
+        },
+    },
+
+    activated() {
+        this.emitLastActivity();
+    },
+
+    methods: {
+        emitLastActivity() {
+            this.$emit('lastActivityUpdate', this.lastActivity);
+        },
+
+        async loadData(options) {
+            try {
+                this.isLoading = true;
+
+                const items = await getItemHistory(this.address, options).then((res) => {
+                    return res.slice(options.offset, options.offset + this.limit)
+                })
+
+                this.items = this.items.concat(items)
+                this.emptyHistory = this.items.length === 0;
+
+                this.hasMore = items.length >= this.limit;
+                console.log('getItemHistory - success', {address: this.address, items});
+            } catch (error) {
+                this.error = 'Произошла ошибка загрузки'
+                this.emptyHistory = true
+                this.hasMore = false // чтобы не дергать запрос во время скролла
+                console.log('getItemHistory - error', {address: this.address, error});
+            } finally {
+                this.isLoading = false
+            }
+        },
+
+        async firstLoad() {
+            await this.loadData({ limit: this.limit,offset: 0 })
+
+            // что за timestamp использовать? 
+            this.lastActivity = this.items.length > 0
+                ? new Date().getTime() //this.items[0]?.timestamp
+                : null;
+                
+            this.emitLastActivity();
+        },
+
+        async loadMore() {
+            if (!this.shouldHandleScroll || !this.$refs.infiniteLoader.offsetParent) { 
+                return
+            }
+
+            await this.loadData({
+                limit: this.limit,
+                offset: this.items.length,
+                end_utime: this.lastActivity, // что за параметр?
+            })
+        },
+    },
+
+    components: {
+        THeader, HistoryRow, TxRowSkeleton, MugenScroll,
+    },
+};
+</script>
diff --git a/src/js/components/anonNumber/historyTable/THeader.vue b/src/js/components/anonNumber/historyTable/THeader.vue
new file mode 100644
index 0000000..1a13bd6
--- /dev/null
+++ b/src/js/components/anonNumber/historyTable/THeader.vue
@@ -0,0 +1,38 @@
+<template>
+  <thead>
+    <tr>
+        <th v-pre width="40"></th>
+
+        <th width="100">
+            <div class="tx-table__cell"
+                v-text="$t('address.history_table.time')"/>
+        </th>
+
+        <th>
+            <div class="tx-table__cell tx-table__cell--align-right"
+                v-text="$t('address.history_table.from')"/>
+        </th>
+
+        <th>
+            <div class="tx-table__cell"
+                v-text="$t('address.history_table.to')"/>
+        </th>
+
+        <th>
+            <div class="tx-table__cell tx-table__cell--align-right" style="padding-right: 26px;"
+                v-text="$t('address.history_table.type')"/>
+        </th>
+
+        <th>
+            <div class="tx-table__cell tx-table__cell--align-right" style="padding-right: 26px;"
+                v-text="$t('address.history_table.price')"/>
+        </th>
+
+        <th v-pre width="40">
+            <div class="tx-table__cell"></div>
+        </th>
+    </tr>
+  </thead>
+</template>
+
+<script>
\ No newline at end of file
diff --git a/src/js/components/anonNumber/TransactionDetail.vue b/src/js/components/anonNumber/historyTable/TransactionDetail.vue
similarity index 100%
rename from src/js/components/anonNumber/TransactionDetail.vue
rename to src/js/components/anonNumber/historyTable/TransactionDetail.vue
diff --git a/src/js/components/anonNumber/HistoryRow.vue b/src/js/components/anonNumber/historyTable/historyRow/HistoryRow.vue
similarity index 56%
rename from src/js/components/anonNumber/HistoryRow.vue
rename to src/js/components/anonNumber/historyTable/historyRow/HistoryRow.vue
index 892f0a9..f47ef05 100644
--- a/src/js/components/anonNumber/HistoryRow.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/HistoryRow.vue
@@ -22,13 +22,6 @@
                 v-bind:is_external="is_external"
                 v-bind:source_type="source_type"
             />
-            
-            <td-message-direction 
-                v-bind:address="address" 
-                v-bind:is_service="is_service"
-                v-bind:from="from" 
-                v-bind:to="to" 
-            />
 
             <td-receiver
                 v-bind:is_aggregated="is_aggregated" 
@@ -42,10 +35,9 @@
                 v-bind:txLt="txLt"
             />
             
-            <td-type />
-            <td-price />
+            <td-type v-bind:type="type" />
+            <td-price v-bind:price="price" />
             
-            <!-- Expand chevron: -->
             <td>
                 <div class="tx-table__cell">
                     <icon-expand class="tx-table-expand-caret" v-bind:class="{
@@ -54,70 +46,53 @@
                 </div>
             </td>
         </tr>
-
-        <transaction-detail
-            v-if="isVisible"
-            v-bind:is_success="is_success"
-            v-bind:is_bounced="is_bounced"
-            v-bind:exitCode="exitCode"
-            v-bind:txHash="txHash"
-            v-bind:txLt="txLt"
-            v-bind:fee="fee"
-            v-bind:message="message"
-        />
     </tbody>
 </template>
 
 <script>
 import IconExpand from '@img/icons/tonscan/chevron-bottom-14.svg?inline';
+import TransactionDetail from '../TransactionDetail.vue';
 import TdLink from './TdLink.vue';
 import TdFrom from './TdFrom.vue';
-import TdMessageDirection from './TdMessageDirection.vue';
 import TdReceiver from './TdReceiver.vue';
 import TdType from './TdType.vue';
 import TdPrice from './TdPrice.vue';
-import TransactionDetail from './TransactionDetail.vue';
 
 
 export default {
     props: {
         address: String,
-        date: String,
         from: String,
-        is_service: Boolean,
-        is_external: Boolean,
-        is_aggregated: Boolean,
-        is_success: Boolean,
-        is_bounced: Boolean,
-        outputCount: Number,
         to: String,
-        amount: String,
-        message: String,
+        price: String,
         timestamp: Number,
-        fee: String,
-        txHash: String,
-        txLt: String,
-        exitCode: Number,
-        op: [Number, String],
-        source_type: String,
-        destination_type: String,
-        action: Object,
-        meta: {
-            type: Object,
-            default: () => ({}),
-        },
+        type: String,
+        
+        // is_external: Boolean,
+        // is_aggregated: Boolean,
+        // is_success: Boolean,
+        // is_bounced: Boolean,
+
+        // outputCount: Number,
+        // message: String,
+        // timestamp: Number,
+
+        // fee: String,
+        // txHash: String,
+        // txLt: String,
+        // exitCode: Number,
+        // op: [Number, String],
+        // source_type: String,
+        // destination_type: String,
+        // action: Object
     },
 
     data() {
-        return {
-            isVisible: false,
-        };
+        return { isVisible: false };
     },
-
     created() {
         this.$bus.$on('tx-close-all', () => this.isVisible = false);
     },
-
     beforeDestroy() {
         this.$bus.$off('tx-close-all');
     },
@@ -132,29 +107,8 @@ export default {
 
     components: {
         IconExpand,
-        TdLink, TdFrom, TdMessageDirection, TdReceiver, TdType, TdPrice,
+        TdLink, TdFrom, TdReceiver, TdType, TdPrice,
         TransactionDetail
     },
 };
-</script>
-
-<style lang="scss">
-.tx-row-msg-action {
-    font-size: 13px;
-    display: flex;
-    align-items: center;
-    background: var(--card-row-separator);
-    padding: 4px 8px 4px 6px;
-    margin: -6px 8px;
-    border-radius: 8px;
-    cursor: help;
-    &--single {
-        margin-right: -1px;
-    }
-    &__icon {
-        fill: currentColor;
-        opacity: .6;
-        margin-right: 6px;
-    }
-}
-</style>
+</script>
\ No newline at end of file
diff --git a/src/js/components/anonNumber/TdFrom.vue b/src/js/components/anonNumber/historyTable/historyRow/TdFrom.vue
similarity index 100%
rename from src/js/components/anonNumber/TdFrom.vue
rename to src/js/components/anonNumber/historyTable/historyRow/TdFrom.vue
diff --git a/src/js/components/anonNumber/TdLink.vue b/src/js/components/anonNumber/historyTable/historyRow/TdLink.vue
similarity index 100%
rename from src/js/components/anonNumber/TdLink.vue
rename to src/js/components/anonNumber/historyTable/historyRow/TdLink.vue
diff --git a/src/js/components/anonNumber/TdMessageDirection.vue b/src/js/components/anonNumber/historyTable/historyRow/TdMessageDirection.vue
similarity index 100%
rename from src/js/components/anonNumber/TdMessageDirection.vue
rename to src/js/components/anonNumber/historyTable/historyRow/TdMessageDirection.vue
diff --git a/src/js/components/anonNumber/TdPrice.vue b/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
similarity index 100%
rename from src/js/components/anonNumber/TdPrice.vue
rename to src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
diff --git a/src/js/components/anonNumber/TdReceiver.vue b/src/js/components/anonNumber/historyTable/historyRow/TdReceiver.vue
similarity index 100%
rename from src/js/components/anonNumber/TdReceiver.vue
rename to src/js/components/anonNumber/historyTable/historyRow/TdReceiver.vue
diff --git a/src/js/components/anonNumber/TdType.vue b/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
similarity index 100%
rename from src/js/components/anonNumber/TdType.vue
rename to src/js/components/anonNumber/historyTable/historyRow/TdType.vue
diff --git a/src/js/i18n/en.js b/src/js/i18n/en.js
index e7b0a85..c61941d 100644
--- a/src/js/i18n/en.js
+++ b/src/js/i18n/en.js
@@ -71,7 +71,8 @@ export default {
         },
 
         tab_nfts: 'NFTs',
-        tab_transactions: 'History',
+        tab_history: 'History',
+        tab_transactions: 'Transactions',
         tab_contract: 'Contract',
         tab_tokens: 'Jettons', 
 
diff --git a/src/js/i18n/ru.js b/src/js/i18n/ru.js
index 227d43d..2483a73 100644
--- a/src/js/i18n/ru.js
+++ b/src/js/i18n/ru.js
@@ -71,6 +71,7 @@ export default {
         },
 
         tab_nfts: 'NFT',
+        tab_history: 'История',
         tab_transactions: 'Транзакции',
         tab_contract: 'Контракт',
         tab_tokens: 'Жетоны', 
diff --git a/src/js/router.js b/src/js/router.js
index 72cfed7..8a9bd56 100644
--- a/src/js/router.js
+++ b/src/js/router.js
@@ -9,7 +9,7 @@ import PageIndex from '~/components/PageIndex.vue';
 import PageTx from '~/components/tx/PageTx.vue';
 import PageNft from '~/components/nft/PageNft.vue';
 import PageJetton from '~/components/jetton/PageJetton.vue';
-import PageAnonNumber from '~/components/anonNumber/PageAnonNumber.vue';
+import AnonNumber from '~/components/anonNumber/AnonNumber.vue';
 import PageNominator from '~/components/nominator/PageNominator.vue';
 import PageStats from '~/components/stats/PageStats.vue';
 import { ADDRESS_REGEX } from '~/config.js';
@@ -91,7 +91,7 @@ const routes = new VueRouter({
     }, {
         name: 'anonNumber',
         path: `/number/:address`,
-        component: PageAnonNumber,
+        component: AnonNumber,
         props: true,
         meta: { title: 'TON Explorer :: Anonim number' },
     }, {

From 28eca8af82e56e35ff8630452c7a2f2637b994ad Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Wed, 30 Aug 2023 19:08:45 +0300
Subject: [PATCH 5/9] transaction price, type

---
 .../historyTable/historyRow/TdPrice.vue         | 17 +++++++++++++++--
 .../historyTable/historyRow/TdType.vue          | 13 +++++++++++--
 src/js/i18n/en.js                               |  7 +++++++
 src/js/i18n/ru.js                               |  9 +++++++++
 4 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue b/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
index adf58a2..a7eec10 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
@@ -1,5 +1,18 @@
 <template>
   <td>
-      price
+      {{this.stringifyPrice}}
   </td>
-</template>
\ No newline at end of file
+</template>
+
+<script>
+export default {
+    props: {
+      price: String,
+    },
+    computed: {
+      stringifyPrice() {
+        return this.price ? this.price / (10**9) : undefined
+      }
+    }
+};
+</script>
diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdType.vue b/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
index 8cf9daa..9c78d4f 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
@@ -1,5 +1,14 @@
 <template>
   <td>
-      type
+      {{ $t(`nft.item.${this.type}`) }}
   </td>
-</template>
\ No newline at end of file
+</template>
+
+
+<script>
+export default {
+    props: {
+        type: String,
+    },
+};
+</script>
diff --git a/src/js/i18n/en.js b/src/js/i18n/en.js
index c61941d..9b6e58c 100644
--- a/src/js/i18n/en.js
+++ b/src/js/i18n/en.js
@@ -227,6 +227,13 @@ export default {
                 error_text: 'Error loading NFT',
                 error_button: 'Try again',
             },
+
+            mint: 'Sold',
+            sold: 'Sold',
+            transfer: 'Sold',
+            burn: 'Sold',
+            'put-up-for-sale': 'Sold',
+            'cancel-sale': 'Sold',
         },
         error: {
             redirect_invalid: 'This address in not an NFT',
diff --git a/src/js/i18n/ru.js b/src/js/i18n/ru.js
index 2483a73..d31b2fb 100644
--- a/src/js/i18n/ru.js
+++ b/src/js/i18n/ru.js
@@ -96,6 +96,8 @@ export default {
             from: 'От',
             to: 'Кому',
             time: 'Время',
+
+
         },
 
         nfts: {
@@ -227,6 +229,13 @@ export default {
                 error_text: 'Ошибка загрузки NFT',
                 error_button: 'Повторить',
             },
+
+            mint: 'Продано',
+            sold: 'Продано',
+            transfer: 'Продано',
+            burn: 'Продано',
+            'put-up-for-sale': 'Продано',
+            'cancel-sale': 'Продано',
         },
         error: {
             redirect_invalid: 'Этот адрес не является NFT',

From 28698286dccb6f33298888ce92f6d34b31f3c0b8 Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Wed, 30 Aug 2023 19:09:41 +0300
Subject: [PATCH 6/9] serve script

---
 package.json                                                   | 1 +
 .../components/anonNumber/historyTable/historyRow/TdPrice.vue  | 2 +-
 .../components/anonNumber/historyTable/historyRow/TdType.vue   | 3 +--
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 7134ecb..a9f9ba7 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "production": "NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --config=webpack.config.js",
     "postproduction": "cd dist && zip -r ./build.zip ./* -x entrypoints.json -x manifest.json && mv ./build.zip ..",
     "prod_testnet": "TESTNET=1 npm run production",
+    "serve": "npm run dev && node devServer.js",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue b/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
index a7eec10..6d42f82 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
@@ -1,5 +1,5 @@
 <template>
-  <td>
+  <td class="tx-table__cell tx-table__cell--align-right">
       {{this.stringifyPrice}}
   </td>
 </template>
diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdType.vue b/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
index 9c78d4f..6787345 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
@@ -1,10 +1,9 @@
 <template>
-  <td>
+  <td class="tx-table__cell tx-table__cell--align-right">
       {{ $t(`nft.item.${this.type}`) }}
   </td>
 </template>
 
-
 <script>
 export default {
     props: {

From ae1946bc9e1b91fcaae28663ce1c228ef6edf94a Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Wed, 30 Aug 2023 19:18:49 +0300
Subject: [PATCH 7/9] added styles to cells

---
 .../anonNumber/historyTable/historyRow/TdPrice.vue          | 4 +++-
 .../anonNumber/historyTable/historyRow/TdType.vue           | 6 ++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue b/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
index 6d42f82..926f0a1 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdPrice.vue
@@ -1,6 +1,8 @@
 <template>
-  <td class="tx-table__cell tx-table__cell--align-right">
+  <td>
+    <div class="tx-table__cell tx-table__cell--align-right">
       {{this.stringifyPrice}}
+    </div>
   </td>
 </template>
 
diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdType.vue b/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
index 6787345..d412bec 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdType.vue
@@ -1,6 +1,8 @@
 <template>
-  <td class="tx-table__cell tx-table__cell--align-right">
-      {{ $t(`nft.item.${this.type}`) }}
+  <td>
+    <div class="tx-table__cell tx-table__cell--align-right">
+        {{ $t(`nft.item.${this.type}`) }}
+    </div>
   </td>
 </template>
 

From aeb35b0e6843700c6ada667cb79ae8547a25ac8d Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Wed, 30 Aug 2023 19:22:23 +0300
Subject: [PATCH 8/9] removed comments

---
 src/js/components/anonNumber/AnonNumber.vue              | 3 ---
 .../components/anonNumber/historyTable/HistoryTable.vue  | 9 +++------
 src/js/components/anonNumber/historyTable/THeader.vue    | 2 +-
 .../anonNumber/historyTable/historyRow/TdFrom.vue        | 2 +-
 .../anonNumber/historyTable/historyRow/TdLink.vue        | 2 +-
 .../historyTable/historyRow/TdMessageDirection.vue       | 2 +-
 6 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/js/components/anonNumber/AnonNumber.vue b/src/js/components/anonNumber/AnonNumber.vue
index 24788c9..4e5575e 100644
--- a/src/js/components/anonNumber/AnonNumber.vue
+++ b/src/js/components/anonNumber/AnonNumber.vue
@@ -3,9 +3,6 @@
 </template>
 
 <script>
-// http://localhost:3000/number/EQATGB84uZOVMCC-8vok4bckwzyglAgZ0RAAhFevEJq6qdCj#history
-// https://getgems.io/nft/EQB_Yh-Fq37GWiiVfwsQeKt8kEzc0E-OKswGykq0x0998TgF
-// https://getgems.io/nft/EQB4JEJx2mh2Wk49oVlTQfy4Khl08ggzUMJe7YU7cfX2IEDj
 
 import AnonNumberTabs from './AnonNumberTabs.vue';
 
diff --git a/src/js/components/anonNumber/historyTable/HistoryTable.vue b/src/js/components/anonNumber/historyTable/HistoryTable.vue
index 9ac1537..b775d69 100644
--- a/src/js/components/anonNumber/historyTable/HistoryTable.vue
+++ b/src/js/components/anonNumber/historyTable/HistoryTable.vue
@@ -128,12 +128,10 @@ export default {
                 this.emptyHistory = this.items.length === 0;
 
                 this.hasMore = items.length >= this.limit;
-                console.log('getItemHistory - success', {address: this.address, items});
             } catch (error) {
                 this.error = 'Произошла ошибка загрузки'
                 this.emptyHistory = true
-                this.hasMore = false // чтобы не дергать запрос во время скролла
-                console.log('getItemHistory - error', {address: this.address, error});
+                this.hasMore = false 
             } finally {
                 this.isLoading = false
             }
@@ -142,9 +140,8 @@ export default {
         async firstLoad() {
             await this.loadData({ limit: this.limit,offset: 0 })
 
-            // что за timestamp использовать? 
             this.lastActivity = this.items.length > 0
-                ? new Date().getTime() //this.items[0]?.timestamp
+                ? new Date().getTime() //FIX_ME this.items[0]?.timestamp
                 : null;
                 
             this.emitLastActivity();
@@ -158,7 +155,7 @@ export default {
             await this.loadData({
                 limit: this.limit,
                 offset: this.items.length,
-                end_utime: this.lastActivity, // что за параметр?
+                end_utime: this.lastActivity, // FIX_ME
             })
         },
     },
diff --git a/src/js/components/anonNumber/historyTable/THeader.vue b/src/js/components/anonNumber/historyTable/THeader.vue
index 1a13bd6..86d69da 100644
--- a/src/js/components/anonNumber/historyTable/THeader.vue
+++ b/src/js/components/anonNumber/historyTable/THeader.vue
@@ -35,4 +35,4 @@
   </thead>
 </template>
 
-<script>
\ No newline at end of file
+<script>
diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdFrom.vue b/src/js/components/anonNumber/historyTable/historyRow/TdFrom.vue
index 31565a7..0991fc5 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdFrom.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdFrom.vue
@@ -37,4 +37,4 @@ export default {
       },
     },
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdLink.vue b/src/js/components/anonNumber/historyTable/historyRow/TdLink.vue
index 97c9f93..a312ca7 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdLink.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdLink.vue
@@ -41,4 +41,4 @@ export default {
         IconTxChain, IconTxError, IconTxBounced
     },
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/js/components/anonNumber/historyTable/historyRow/TdMessageDirection.vue b/src/js/components/anonNumber/historyTable/historyRow/TdMessageDirection.vue
index f635853..daf3d3a 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/TdMessageDirection.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/TdMessageDirection.vue
@@ -34,4 +34,4 @@ export default {
         },
     },
 };
-</script>
\ No newline at end of file
+</script>

From 7a7366def2375d791f0edfc64e98ea84325b21fe Mon Sep 17 00:00:00 2001
From: aleksandrjet <aleksandrjet@gmail.com>
Date: Wed, 30 Aug 2023 19:28:44 +0300
Subject: [PATCH 9/9] added translated texts

---
 .../historyTable/historyRow/HistoryRow.vue           |  3 +--
 src/js/i18n/en.js                                    | 10 +++++-----
 src/js/i18n/ru.js                                    | 12 +++++-------
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/js/components/anonNumber/historyTable/historyRow/HistoryRow.vue b/src/js/components/anonNumber/historyTable/historyRow/HistoryRow.vue
index f47ef05..dcec96e 100644
--- a/src/js/components/anonNumber/historyTable/historyRow/HistoryRow.vue
+++ b/src/js/components/anonNumber/historyTable/historyRow/HistoryRow.vue
@@ -99,7 +99,6 @@ export default {
 
     methods: {
         open() {
-            console.log('open', this.isVisible);
             !this.isVisible && this.$bus.$emit('tx-close-all');
             this.isVisible = !this.isVisible;
         },
@@ -111,4 +110,4 @@ export default {
         TransactionDetail
     },
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/js/i18n/en.js b/src/js/i18n/en.js
index 9b6e58c..ba43549 100644
--- a/src/js/i18n/en.js
+++ b/src/js/i18n/en.js
@@ -228,12 +228,12 @@ export default {
                 error_button: 'Try again',
             },
 
-            mint: 'Sold',
+            mint: 'Mint',
             sold: 'Sold',
-            transfer: 'Sold',
-            burn: 'Sold',
-            'put-up-for-sale': 'Sold',
-            'cancel-sale': 'Sold',
+            transfer: 'Transfer',
+            burn: 'Burn',
+            'put-up-for-sale': 'Put up for sale',
+            'cancel-sale': 'Cancel sale',
         },
         error: {
             redirect_invalid: 'This address in not an NFT',
diff --git a/src/js/i18n/ru.js b/src/js/i18n/ru.js
index d31b2fb..19e7844 100644
--- a/src/js/i18n/ru.js
+++ b/src/js/i18n/ru.js
@@ -96,8 +96,6 @@ export default {
             from: 'От',
             to: 'Кому',
             time: 'Время',
-
-
         },
 
         nfts: {
@@ -230,12 +228,12 @@ export default {
                 error_button: 'Повторить',
             },
 
-            mint: 'Продано',
+            mint: 'Создано',
             sold: 'Продано',
-            transfer: 'Продано',
-            burn: 'Продано',
-            'put-up-for-sale': 'Продано',
-            'cancel-sale': 'Продано',
+            transfer: 'Передано',
+            burn: 'Сожжено',
+            'put-up-for-sale': 'Выставлено на продажу',
+            'cancel-sale': 'Снято с продажи',
         },
         error: {
             redirect_invalid: 'Этот адрес не является NFT',