From 9524075018278e57d3d251c1bdd90ed6a3b9a433 Mon Sep 17 00:00:00 2001
From: habdevs <habdevs@yandex.ru>
Date: Fri, 1 Mar 2024 15:39:44 +0500
Subject: [PATCH 1/6] feat: intermediate profile page

---
 src/pages/user/UserProfile.vue | 64 +++++++++++++++++++++++++++++++++-
 1 file changed, 63 insertions(+), 1 deletion(-)

diff --git a/src/pages/user/UserProfile.vue b/src/pages/user/UserProfile.vue
index 955fcc2..8dd9f62 100644
--- a/src/pages/user/UserProfile.vue
+++ b/src/pages/user/UserProfile.vue
@@ -1,13 +1,75 @@
 <script setup>
+import { ref } from 'vue'
+
+const user = ref({
+  name: 'YAT USER',
+  email: 'YAT_USER@MAIL.COM'
+})
+
 const send = () => {
   return true
 }
 </script>
 
 <template>
+  <q-page class="column-container overflow-y-hidden">
+    <q-card class="column">
+      <q-card-section>
+        <div class="column">
+          <q-avatar size="80px" class="shadow-10">
+            <img src="https://cdn.quasar.dev/img/avatar.png">
+          </q-avatar>
+          <div class="column">
+            <p>{{ user.name }}</p>
+            <p>{{ user.email }}</p>
+          </div>
+        </div>
+      </q-card-section>
+      <q-card-actions class="column">
+        <div class="row">
+          <q-btn color="primary" label="Вход" @click="login" />
+          <q-btn color="primary" label="Выход" @click="logout" />
+        </div>
+        <q-btn color="primary" label="Вход" @click="login" />
+        <q-btn color="primary" label="Выход" @click="logout" />
+        <q-btn color="primary" label="Поддержка" @click="support" />
+        <q-btn color="primary" label="Настройки" @click="settings" />
+        <q-btn color="primary" label="Аккаунт секьюрити" @click="security" />
+      </q-card-actions>
+      <div class="q-mt-md q-mb-lg ma-auto column pa-10">
+        <q-btn color="primary" size="lg" @click="send" label="Отправить" class="shadow-10" />
+      </div>
+    </q-card>
+  </q-page>
+</template>
+
+<style scoped>
+.column {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 16px 0;
+}
+
+.column-container {
+  padding: 6px 60px;
+  max-height: 100dvh;
+}
+
+.row {
+  display: flex;
+  gap: 20px;
+}
+
+.ma-auto {
+  margin: 0 auto;
+}
+</style>
+
+<!-- <template>
   <q-input label="Имя" placeholder="На балансе должно быть более 100ѣ" variant="underlined"></q-input>
   <q-input placeholder="Pick a cover" label="Добавьте обложку" hint="На балансе должно быть более 500ѣ"></q-input>
   <q-input type="textarea" label="Описание" no-resize
     hint="Для хранения описания держите на балансе более 250ѣ"></q-input>
   <div class="q-mt-md q-mb-lg"><q-btn color="primary" size="xl" @click="send" label="Отправить" /></div>
-</template>
+</template> -->

From 9e4b91e21f7146c91c6b1b64413cd04ff88d5655 Mon Sep 17 00:00:00 2001
From: habdevs <habdevs@yandex.ru>
Date: Sat, 2 Mar 2024 01:21:43 +0500
Subject: [PATCH 2/6] feat: init copyButton component | create user-data card

---
 src/components/CopyButton.vue  |  0
 src/pages/user/UserProfile.vue | 63 +++++++++++++++++++++++++++-------
 2 files changed, 50 insertions(+), 13 deletions(-)
 create mode 100644 src/components/CopyButton.vue

diff --git a/src/components/CopyButton.vue b/src/components/CopyButton.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/user/UserProfile.vue b/src/pages/user/UserProfile.vue
index 8dd9f62..4c2e005 100644
--- a/src/pages/user/UserProfile.vue
+++ b/src/pages/user/UserProfile.vue
@@ -2,8 +2,9 @@
 import { ref } from 'vue'
 
 const user = ref({
-  name: 'YAT USER',
-  email: 'YAT_USER@MAIL.COM'
+  name: 'user name',
+  nikname: 'nickname',
+  address: 'TXfguX46BGYTqcLo8CNLRZaa58xyErsQRB'
 })
 
 const send = () => {
@@ -12,25 +13,28 @@ const send = () => {
 </script>
 
 <template>
-  <q-page class="column-container overflow-y-hidden">
+  <q-page class="container overflow-y-hidden shadow-10">
     <q-card class="column">
       <q-card-section>
-        <div class="column">
+        <div class="user-data">
           <q-avatar size="80px" class="shadow-10">
             <img src="https://cdn.quasar.dev/img/avatar.png">
           </q-avatar>
-          <div class="column">
-            <p>{{ user.name }}</p>
-            <p>{{ user.email }}</p>
+          <div class="left">
+            <p class="name">{{ user.name }} <q-icon name="edit" class="hoverable" /></p>
+            <p class="email">{{ user.nikname }} <q-icon name="edit" class="hoverable" /></p>
+            <p class="address">{{ user.address }} <q-icon name="content_copy" class="hoverable" /></p>
           </div>
         </div>
       </q-card-section>
       <q-card-actions class="column">
         <div class="row">
-          <q-btn color="primary" label="Вход" @click="login" />
+          <q-btn color="primary" label="Login" @click="login" />
           <q-btn color="primary" label="Выход" @click="logout" />
         </div>
-        <q-btn color="primary" label="Вход" @click="login" />
+        <q-btn color="primary" label="Вход" @click="login">
+          <q-icon name="login" />
+        </q-btn>
         <q-btn color="primary" label="Выход" @click="logout" />
         <q-btn color="primary" label="Поддержка" @click="support" />
         <q-btn color="primary" label="Настройки" @click="settings" />
@@ -43,16 +47,31 @@ const send = () => {
   </q-page>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 .column {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 16px 0;
+  justify-content: center;
+  padding: 14px 0;
 }
 
-.column-container {
-  padding: 6px 60px;
+.user-data {
+  display: flex;
+  gap: 12px;
+  background-color: $dark-page;
+  padding: 26px;
+  border-radius: 16px;
+}
+
+.left {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.container {
+  padding: 4px 60px;
   max-height: 100dvh;
 }
 
@@ -64,6 +83,24 @@ const send = () => {
 .ma-auto {
   margin: 0 auto;
 }
+
+.name,
+.email,
+.address {
+  display: flex;
+  gap: 14px;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.hoverable:hover {
+  color: $accent;
+}
+
+.hoverable:active {
+  color: $accent;
+}
 </style>
 
 <!-- <template>

From 6a227f9d6998b2110daaff53c369f4ca43608b1b Mon Sep 17 00:00:00 2001
From: habdevs <habdevs@yandex.ru>
Date: Sat, 2 Mar 2024 02:29:54 +0500
Subject: [PATCH 3/6] feat: upd layout

---
 src/pages/user/UserProfile.vue | 80 ++++++++++++++++++----------------
 1 file changed, 42 insertions(+), 38 deletions(-)

diff --git a/src/pages/user/UserProfile.vue b/src/pages/user/UserProfile.vue
index 4c2e005..0c71be2 100644
--- a/src/pages/user/UserProfile.vue
+++ b/src/pages/user/UserProfile.vue
@@ -14,54 +14,63 @@ const send = () => {
 
 <template>
   <q-page class="container overflow-y-hidden shadow-10">
-    <q-card class="column">
-      <q-card-section>
-        <div class="user-data">
-          <q-avatar size="80px" class="shadow-10">
-            <img src="https://cdn.quasar.dev/img/avatar.png">
-          </q-avatar>
-          <div class="left">
-            <p class="name">{{ user.name }} <q-icon name="edit" class="hoverable" /></p>
-            <p class="email">{{ user.nikname }} <q-icon name="edit" class="hoverable" /></p>
-            <p class="address">{{ user.address }} <q-icon name="content_copy" class="hoverable" /></p>
+    <div class="content">
+      <q-card class="q-pa-md">
+        <q-card-section>
+          <div class="user-data shadow-21">
+            <q-avatar size="80px" class="shadow-10">
+              <img src="https://cdn.quasar.dev/img/avatar.png">
+            </q-avatar>
+            <div class="left">
+              <p class="name">{{ user.name }} <q-icon name="edit" class="hoverable" /></p>
+              <p class="email">{{ user.nikname }} <q-icon name="edit" class="hoverable" /></p>
+              <p class="address">{{ user.address }} <q-icon name="content_copy" class="hoverable" /></p>
+            </div>
           </div>
-        </div>
-      </q-card-section>
-      <q-card-actions class="column">
-        <div class="row">
-          <q-btn color="primary" label="Login" @click="login" />
-          <q-btn color="primary" label="Выход" @click="logout" />
-        </div>
-        <q-btn color="primary" label="Вход" @click="login">
-          <q-icon name="login" />
-        </q-btn>
-        <q-btn color="primary" label="Выход" @click="logout" />
-        <q-btn color="primary" label="Поддержка" @click="support" />
-        <q-btn color="primary" label="Настройки" @click="settings" />
-        <q-btn color="primary" label="Аккаунт секьюрити" @click="security" />
-      </q-card-actions>
-      <div class="q-mt-md q-mb-lg ma-auto column pa-10">
-        <q-btn color="primary" size="lg" @click="send" label="Отправить" class="shadow-10" />
-      </div>
-    </q-card>
+        </q-card-section>
+        <q-card-actions class="btn-block">
+          <q-btn color="primary" class="btn-user" label="Поддержка" @click="support" />
+          <q-btn color="primary" class="btn-user shadow-21" @click="send" label="Отправить" />
+          <q-btn color="primary" class="btn-user" label="Настройки" @click="settings" />
+        </q-card-actions>
+      </q-card>
+    </div>
   </q-page>
 </template>
 
 <style scoped lang="scss">
-.column {
+.container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 14px 0;
+  margin: 0 auto;
+  padding: 4px 60px;
+  max-height: 100dvh;
+
+  .content {
+    display: flex;
+  }
+
+  .btn-block {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    padding: 14px 0;
+
+    .btn-user {
+      max-width: 112px;
+      width: 100%;
+    }
+  }
 }
 
 .user-data {
   display: flex;
   gap: 12px;
-  background-color: $dark-page;
+  background-color: $primary;
   padding: 26px;
-  border-radius: 16px;
+  border-radius: 8px;
 }
 
 .left {
@@ -70,11 +79,6 @@ const send = () => {
   align-items: flex-start;
 }
 
-.container {
-  padding: 4px 60px;
-  max-height: 100dvh;
-}
-
 .row {
   display: flex;
   gap: 20px;

From 1cce80c7ac6e35d06978b8e4aad9c2964e989235 Mon Sep 17 00:00:00 2001
From: MaxSkr0210 <ily0210skr@gmail.com>
Date: Mon, 4 Mar 2024 08:49:39 +0300
Subject: [PATCH 4/6] new features

---
 quasar.config.js  |  5 +++-
 src/boot/crypt.js | 72 ++++++++++++++++++++++++++++++++++++++++++++
 src/boot/db.js    | 76 +++++++++++++++++++++++++----------------------
 src/boot/utils.js | 16 ++++++++++
 4 files changed, 132 insertions(+), 37 deletions(-)
 create mode 100644 src/boot/crypt.js
 create mode 100644 src/boot/utils.js

diff --git a/quasar.config.js b/quasar.config.js
index 4e9b6d2..dba8c9f 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -31,7 +31,10 @@ module.exports = configure(function (/* ctx */) {
     // https://v2.quasar.dev/quasar-cli/boot-files
     boot: [
       'i18n',
-      'apollo'
+      'apollo',
+      'db',
+      'crypt',
+      'utils'
     ],
 
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
diff --git a/src/boot/crypt.js b/src/boot/crypt.js
new file mode 100644
index 0000000..77e7fd5
--- /dev/null
+++ b/src/boot/crypt.js
@@ -0,0 +1,72 @@
+import { boot } from 'quasar/wrappers'
+import { sign, randomBytes } from 'tweetnacl'
+
+export default boot(({ app }) => {
+  const crypt = {
+
+    b2h (b) {
+      return Array.prototype.map.call(b, function (byte) {
+        return ('0' + (byte & 0xFF).toString(16)).slice(-2)
+      }).join('')
+    },
+
+    h2b (h) {
+      if (typeof h !== 'string') throw new TypeError('expected string')
+      const b = new Uint8Array(h.length / 2)
+      let i = 0
+      while (h.length >= 2) {
+        b[i] = parseInt(h.substring(0, 2), 16)
+        h = h.substring(2, h.length)
+        i++
+      }
+      return b
+    },
+
+    u2b (s) {
+      if (typeof s !== 'string') throw new TypeError('expected string')
+      const d = unescape(encodeURIComponent(s)), b = new Uint8Array(d.length)
+      for (let i = 0; i < d.length; i++) b[i] = d.charCodeAt(i)
+      return b
+    },
+
+    b2u (b) {
+      const s = []
+      for (let i = 0; i < b.length; i++) s.push(String.fromCharCode(b[i]))
+      return decodeURIComponent(escape(s.join('')))
+    },
+
+    async genKey () {
+      return this.b2h(randomBytes(32))
+    },
+
+    async recKey (s) {
+      let k = ''
+      if (s.length > 64) {
+        k = sign.keyPair.fromSecretKey(this.h2b(s)) // legacy
+      } else {
+        k = sign.keyPair.fromSeed(this.h2b(s))
+      }
+      const sec = k.secretKey // PRIVATE KEY
+      const pub = k.publicKey // PUBLIC KEY
+      return [this.b2h(sec), this.b2h(pub)]
+    },
+
+    // mes, sec
+    sign (m, s) {
+      return this.b2h(sign(this.u2b(m), this.h2b(s)))
+    },
+
+    // mes, pub
+    unsign (m, p) {
+      const o = sign.open(this.h2b(m), this.h2b(p))
+
+      if (o) {
+        return this.b2u(o)
+      } else {
+        return false
+      }
+    }
+  }
+
+  app.config.globalProperties.$crypt = crypt
+})
diff --git a/src/boot/db.js b/src/boot/db.js
index e55866d..aa32f75 100644
--- a/src/boot/db.js
+++ b/src/boot/db.js
@@ -1,41 +1,45 @@
+import { boot } from 'quasar/wrappers'
 import { openDB } from 'idb'
 
-const _db = openDB('yat', 1, {
-  upgrade (db) {
-    db.createObjectStore('settings')
-    const contacts = db.createObjectStore('contacts', {
-      keyPath: 'id',
-      autoIncrement: true
-    })
-    contacts.createIndex('name', 'name')
-  }
-})
+export default boot(({ app }) => {
+  const _db = openDB('yat', 1, {
+    // eslint-disable-next-line space-before-function-paren
+    upgrade (db) {
+      db.createObjectStore('settings')
+      const contacts = db.createObjectStore('contacts', {
+        keyPath: 'id',
+        autoIncrement: true
+      })
+      contacts.createIndex('name', 'name')
+    }
+  })
 
-const db = {
-  async get (store, key) {
-    return (await _db).get(store, key)
-  },
-  async set (store, key, val) {
-    return (await _db).put(store, val, key)
-  },
-  async delete (store, key) {
-    return (await _db).delete(store, key)
-  },
-  async clear (store) {
-    return (await _db).clear(store)
-  },
-  async keys (store) {
-    return (await _db).getAllKeys(store)
-  },
-  async addContact (name, addr) {
-    return (await _db).add('contacts', {
-      name,
-      addr
-    })
-  },
-  async getContacts () {
-    return (await _db).getAllFromIndex('contacts', 'name')
+  const db = {
+    async get (store, key) {
+      return (await _db).get(store, key)
+    },
+    async set (store, key, val) {
+      return (await _db).put(store, val, key)
+    },
+    async delete (store, key) {
+      return (await _db).delete(store, key)
+    },
+    async clear (store) {
+      return (await _db).clear(store)
+    },
+    async keys (store) {
+      return (await _db).getAllKeys(store)
+    },
+    async addContact (name, addr) {
+      return (await _db).add('contacts', {
+        name,
+        addr
+      })
+    },
+    async getContacts () {
+      return (await _db).getAllFromIndex('contacts', 'name')
+    }
   }
-}
 
-export default db
+  app.config.globalProperties.$db = db
+})
diff --git a/src/boot/utils.js b/src/boot/utils.js
new file mode 100644
index 0000000..dadc058
--- /dev/null
+++ b/src/boot/utils.js
@@ -0,0 +1,16 @@
+import { boot } from 'quasar/wrappers'
+
+export default boot(({ app }) => {
+  const utils = {
+    randomInt (min, max) {
+      min = Math.ceil(min)
+      max = Math.floor(max)
+      return Math.floor(Math.random() * (max - min)) + min
+    },
+    copy (txt) {
+      console.log(txt)
+    }
+  }
+
+  app.config.globalProperties.$utils = utils
+})

From faab79c9594e0675cf53f9b1c246777e54694775 Mon Sep 17 00:00:00 2001
From: MaxSkr0210 <ily0210skr@gmail.com>
Date: Tue, 5 Mar 2024 07:47:22 +0300
Subject: [PATCH 5/6] add fetch

---
 quasar.config.js  |  3 ++-
 src/boot/fetch.js | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 src/boot/fetch.js

diff --git a/quasar.config.js b/quasar.config.js
index dba8c9f..49f406e 100644
--- a/quasar.config.js
+++ b/quasar.config.js
@@ -34,7 +34,8 @@ module.exports = configure(function (/* ctx */) {
       'apollo',
       'db',
       'crypt',
-      'utils'
+      'utils',
+      'fetch'
     ],
 
     // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
diff --git a/src/boot/fetch.js b/src/boot/fetch.js
new file mode 100644
index 0000000..ffebcdf
--- /dev/null
+++ b/src/boot/fetch.js
@@ -0,0 +1,41 @@
+import { boot } from 'quasar/wrappers'
+import ky from 'ky'
+
+export default boot(({ app }) => {
+  const srv = import.meta.env.VITE_REST_SERVER
+
+  const fetch = {
+    async balance (url) {
+      const res = await fetch(url)
+      const b = await res.json()
+      let s = 10
+      if (b > 99999) {
+        s = 7
+      }
+      if (b > 9999999) {
+        s = 6
+      }
+      if (b > 999999999) {
+        s = 5
+      }
+      return [b.toLocaleString(), s]
+    },
+    async send (q) {
+      try {
+        const res = await fetch(srv + "send/", {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body: JSON.stringify(q)
+        })
+        return await res.json()
+      } catch (e) {
+        console.error(e)
+        return { success: 0 }
+      }
+    }
+  }
+
+  app.config.globalProperties.$fetch = fetch
+})

From 0e8f1dc53574e597d31a45af09350c0c4703df67 Mon Sep 17 00:00:00 2001
From: Antonbinom <protest_the_hero@mail.ru>
Date: Mon, 18 Mar 2024 15:57:30 +0530
Subject: [PATCH 6/6] add: getAllUserTransactions

---
 .prettierrc                      |   6 ++
 apollo.config.js                 |   2 +-
 src/apollo/index.ts              |   4 +-
 src/components/UserTxHistory.vue |  36 ---------
 src/composables/useFetchData.ts  |  30 +++----
 src/pages/user/UserTx.vue        | 134 +++++++++----------------------
 6 files changed, 58 insertions(+), 154 deletions(-)
 create mode 100644 .prettierrc
 delete mode 100644 src/components/UserTxHistory.vue

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..da400d0
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "trailingComma" : "none",
+  "spaceBeforeFunctionParen": false,
+  "singleQuote": true
+}
diff --git a/apollo.config.js b/apollo.config.js
index e94457b..5ffdca3 100644
--- a/apollo.config.js
+++ b/apollo.config.js
@@ -6,7 +6,7 @@ module.exports = {
   client: {
     service: {
       name: 'my-service',
-      url: 'http://127.0.0.1:9696/graphql'
+      url: 'https://yat.vit.ooo/graphql'
     },
     // Files processed by the extension
     includes: ['src/**/*.vue', 'src/**/*.js', 'src/**/*.ts']
diff --git a/src/apollo/index.ts b/src/apollo/index.ts
index c3bd0b1..92a6087 100644
--- a/src/apollo/index.ts
+++ b/src/apollo/index.ts
@@ -4,7 +4,7 @@ import type { BootFileParams } from '@quasar/app-vite'
 
 // https://github.com/quasarframework/app-extension-apollo
 
-export /* async */ function getClientOptions (
+export /* async */ function getClientOptions(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
   /* {app, router, ...} */ options?: Partial<BootFileParams<any>>
 ) {
@@ -12,7 +12,7 @@ export /* async */ function getClientOptions (
     uri:
       process.env.GRAPHQL_URI ||
       // Change to your graphql endpoint.
-      'http://127.0.0.1:9696/graphql'
+      'https://yat.vit.ooo/graphql'
   })
 
   return <ApolloClientOptions<unknown>>Object.assign(
diff --git a/src/components/UserTxHistory.vue b/src/components/UserTxHistory.vue
deleted file mode 100644
index 1745d99..0000000
--- a/src/components/UserTxHistory.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-    <table>
-        <thead>
-            <tr>
-                <th>#</th>
-                <th>Дата</th>
-                <th>От кого</th>
-                <th>Куда</th>
-                <th>Сумма</th>
-                <th>Тип</th>
-            </tr>
-        </thead>
-
-        <tbody>
-            <tr v-for="(record, idx) of records" :key="record.id">
-                <td>{{ idx + 1 }}</td>
-                <td>{{ record.date }}</td>
-                <td>{{ record.walletFrom }}</td>
-                <td>{{ record.walletTo }}</td>
-                <td>{{ record.ammount }}</td>
-                <td>{{ record.type }}</td>
-            </tr>
-        </tbody>
-    </table>
-</template>
-
-<script>
-export default {
-  props: {
-    records: {
-      required: true,
-      type: Array
-    }
-  }
-}
-</script>
diff --git a/src/composables/useFetchData.ts b/src/composables/useFetchData.ts
index aee69f8..a3adc0d 100644
--- a/src/composables/useFetchData.ts
+++ b/src/composables/useFetchData.ts
@@ -34,27 +34,21 @@ const useFetchData = () => {
     return useQuery(getDataQuery, { id })
   }
 
-  const getAllTransactions = (userId: number) => {
+  const getAllUserTransactions = () => {
     const getDataQuery = gql`
-      query getTransactions($userId: ID!) {
-        allTransactions(userId: $userId) {
-          id
-          amount
+      query MyQuery {
+        getAllTx {
+          credit
           debit
-          message
-          sender {
-            id
-            name
-          }
-          recipient {
-            id
-            name
-          }
-          created_at
+          amount
+          sign
+          hash
+          msg
+          time
         }
       }
     `
-    return useQuery(getDataQuery, { userId })
+    return useQuery(getDataQuery)
   }
 
   const getTransactionById = (id: number) => {
@@ -124,8 +118,8 @@ const useFetchData = () => {
     getUserById,
     getUserTransactions,
     getTransactionById,
-    getAllTransactions,
-    allUserContacts,
+    getAllUserTransactions,
+    allUserContacts
   }
 }
 
diff --git a/src/pages/user/UserTx.vue b/src/pages/user/UserTx.vue
index e5d3e3b..1ade4f3 100644
--- a/src/pages/user/UserTx.vue
+++ b/src/pages/user/UserTx.vue
@@ -1,105 +1,45 @@
 <template>
   <h5>Транзакции</h5>
   <section>
-    <UserHistoryTx :records="records" />
+    <table>
+      <thead>
+        <tr>
+          <th>#</th>
+          <th>time</th>
+          <th>debit</th>
+          <th>credit</th>
+          <th>amount</th>
+          <th>sign</th>
+          <th>msg</th>
+          <th>hash</th>
+
+        </tr>
+      </thead>
+
+      <tbody>
+        <tr v-for="(record, idx) of records" :key="record.id">
+          <td>{{ idx + 1 }}</td>
+          <td>{{ record.time }}</td>
+          <td>{{ record.debit }}</td>
+          <td>{{ record.credit }}</td>
+          <td>{{ record.amount }}</td>
+          <td>{{ record.sign }}</td>
+          <td>{{ record.msg }}</td>
+          <td>{{ record.hash }}</td>
+
+        </tr>
+      </tbody>
+    </table>
   </section>
 </template>
 
-<script>
-import UserHistoryTx from '../../components/UserTxHistory.vue'
+<script setup>
+import useFetchData from 'src/composables/useFetchData'
+import { computed } from 'vue'
+const { getAllUserTransactions } = useFetchData()
 
-export default {
-  name: 'UserTx',
-  data: () => ({
-    records: [
-      {
-        date: '21.01.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 999.01,
-        type: 'Deposit'
-      },
-      {
-        date: '21.02.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 21140.25,
-        type: 'Withdrawal'
-      },
-      {
-        date: '21.01.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 9919.01,
-        type: 'Deposit'
-      },
-      {
-        date: '21.02.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 140.25,
-        type: 'Withdrawal'
-      },
-      {
-        date: '21.01.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 467.01,
-        type: 'Deposit'
-      },
-      {
-        date: '21.02.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 9812,
-        type: 'Withdrawal'
-      },
-      {
-        date: '21.01.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 999.01,
-        type: 'Deposit'
-      },
-      {
-        date: '21.02.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 21140.25,
-        type: 'Withdrawal'
-      },
-      {
-        date: '21.01.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 999.01,
-        type: 'Deposit'
-      },
-      {
-        date: '21.02.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 21140.25,
-        type: 'Withdrawal'
-      },
-      {
-        date: '21.01.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 999.01,
-        type: 'Deposit'
-      },
-      {
-        date: '21.02.2024',
-        walletFrom: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        walletTo: 'BvF9EUZntQZBsQmKCadDc8XmarSdLGdRS3LGJuUUsSqv',
-        ammount: 21140.25,
-        type: 'Withdrawal'
-      }
-    ]
-  }),
-  components: {
-    UserHistoryTx
-  }
-}
+const { result } = getAllUserTransactions()
+const records = computed(() => {
+  return result.value?.getAllTx
+})
 </script>