From efa75f4d2fe73dfa30d8c66b5f2fb6f8be6c6f1b Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Sun, 28 Jan 2024 16:38:07 +0100
Subject: [PATCH 01/14] Add test

---
 luckydiamond/src/pages/ProfilePage.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index d681a06..92ece86 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -24,6 +24,7 @@
         <div class="payments__types">
           <div class="types types-margin types-text">
             <h3>Игрок и вид транзакции</h3>
+            <h3>Test</h3>
             <h3>Дата</h3>
             <h3>Сумма</h3>
           </div>

From ae75457bddea83ea980163f5c9a63cec6d6a8c5d Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Sun, 28 Jan 2024 16:39:22 +0100
Subject: [PATCH 02/14] Add test 2

---
 luckydiamond/src/pages/ProfilePage.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index 92ece86..c6d52e9 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -25,6 +25,7 @@
           <div class="types types-margin types-text">
             <h3>Игрок и вид транзакции</h3>
             <h3>Test</h3>
+            <h3>Test</h3>
             <h3>Дата</h3>
             <h3>Сумма</h3>
           </div>

From f779df7ac7eb06a0716f6ac105385bc2472b86b3 Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Sun, 28 Jan 2024 16:39:37 +0100
Subject: [PATCH 03/14] Delete tests

---
 luckydiamond/src/pages/ProfilePage.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index c6d52e9..d681a06 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -24,8 +24,6 @@
         <div class="payments__types">
           <div class="types types-margin types-text">
             <h3>Игрок и вид транзакции</h3>
-            <h3>Test</h3>
-            <h3>Test</h3>
             <h3>Дата</h3>
             <h3>Сумма</h3>
           </div>

From 2300b01cc92386f7a20a08ac20e90ee3c40e9fed Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Sun, 28 Jan 2024 18:41:26 +0300
Subject: [PATCH 04/14] 1

---
 luckydiamond/src/pages/ProfilePage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index d681a06..1ff9c12 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -24,7 +24,7 @@
         <div class="payments__types">
           <div class="types types-margin types-text">
             <h3>Игрок и вид транзакции</h3>
-            <h3>Дата</h3>
+            <h3>sdds</h3>
             <h3>Сумма</h3>
           </div>
           <div class="types-line"></div>

From 8487b08893a4b6e59af3250822b7a9eba043c075 Mon Sep 17 00:00:00 2001
From: Hepatica <danil.tkachenko@getmore.cz>
Date: Sun, 28 Jan 2024 16:42:26 +0100
Subject: [PATCH 05/14] Revert "1"

This reverts commit 2300b01cc92386f7a20a08ac20e90ee3c40e9fed.
---
 luckydiamond/src/pages/ProfilePage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index 1ff9c12..d681a06 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -24,7 +24,7 @@
         <div class="payments__types">
           <div class="types types-margin types-text">
             <h3>Игрок и вид транзакции</h3>
-            <h3>sdds</h3>
+            <h3>Дата</h3>
             <h3>Сумма</h3>
           </div>
           <div class="types-line"></div>

From d56c5c44a7777d38b7d0349d5731bf2c7a90ff00 Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Mon, 29 Jan 2024 17:10:31 +0300
Subject: [PATCH 06/14] add SettingsPage

---
 .../assets/css/PagesStyles/SettingsPage.css   | 213 ++++++++++++++++++
 .../src/components/AsidebarComponent.vue      |  13 +-
 luckydiamond/src/pages/ProfilePage.vue        |   2 +-
 luckydiamond/src/pages/SettingsPage.vue       | 114 ++++++++++
 4 files changed, 336 insertions(+), 6 deletions(-)
 create mode 100644 luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
 create mode 100644 luckydiamond/src/pages/SettingsPage.vue

diff --git a/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css b/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
new file mode 100644
index 0000000..b14104f
--- /dev/null
+++ b/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
@@ -0,0 +1,213 @@
+.profile__content {
+    width: 30%;
+    margin-left: 3%;
+}
+
+
+.icon-diamond h2 img {
+    width: 33px;
+    height: 33px;
+}
+
+.deposit-icon {
+    margin: 3px 0 0 10px;
+}
+
+.withdraw-icon {
+    margin-left: 33px;
+}
+
+.btn-bg {
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 0.12);
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    width: 36%;
+}
+
+.btn-margin {
+    padding: 3.8% 46% 3% 14%;
+    margin-bottom: 11px;
+    background: #62D4B2;
+}
+
+.btn-display {
+    display: flex;
+}
+
+.text-btn {
+    text-decoration: none;
+    color: #000;
+    font-weight: 700;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    font-family: Montserrat Alternates;
+    font-size: 18px;
+    margin-left: 4px;
+}
+
+.icon-margin-deposit-withdraw {
+    margin-right: 4px;
+}
+
+.withdraw {
+    padding: 3.8% 46% 3% 14%;
+    background: #EF4444;
+}
+
+
+.payments {
+    margin: 2% 0 0 -4.25%;
+}
+
+.types {
+    display: flex;
+}
+
+.types-margin h3 {
+    margin-right: 7.813em;
+}
+
+.types-text h3 {
+    color: #ABABB4;
+    font-weight: 600;
+    font-family: Montserrat;
+    font-size: 14px;
+}
+
+.types-line {
+    margin-top: 2.1%;
+    background: #38383E;
+    width: 86%;
+    height: 3px;
+}
+
+.payments__card {
+    margin-top: 4.9%;
+    display: flex;
+}
+
+.user-info {
+    display: flex;
+}
+
+.user-name {
+    display: flex;
+    flex-direction: column;
+    margin-left: 0.625em;
+}
+
+.user-name__text h3 {
+    color: #FFF;
+    font-weight: 700;
+    font-family: Montserrat;
+    font-size: 20px;
+}
+
+.user-name__text p {
+    color: #A9A9A9;
+    font-weight: 400;
+    font-family: Montserrat;
+    font-size: 20px;
+}
+
+.data-info {
+    margin-left: 10%;
+}
+
+.data-info__text h3 {
+    color: #A9A9A9;
+    font-weight: 400;
+    font-family: Montserrat;
+    font-size: 17px;
+}
+
+.transaction-info {
+    margin-left: 7%;
+}
+
+.transaction-info__text h3 {
+    font-weight: 500;
+    font-family: Montserrat;
+    font-size: 22px;
+}
+
+.deposit-color h3 {
+    color: #32C966;
+}
+
+.withdraw-color h3 {
+    color: #EA3D38;
+}
+
+.error-deposit {
+    position: absolute;
+    left: 190px;
+    top: 52px;
+}
+
+.error-deposit h2 {
+    color: #BA3636;
+    font-family: "Montserrat Alternates";
+    font-weight: 700;
+    font-size: 11px;
+}
+
+.error-card {
+    position: absolute;
+    top: 130px;
+    left: 210px;
+}
+
+.error-card h2 {
+    color: #BA3636;
+    font-family: "Montserrat Alternates";
+    font-weight: 700;
+    font-size: 11px;
+}
+
+.error-checkbox h2 {
+    color: #BA3636;
+    font-family: "Montserrat Alternates";
+    font-weight: 700;
+    font-size: 11px;
+}
+
+.error-captcha {
+    top: 235px;
+    left: 45px;
+    position: absolute;
+}
+
+.error-captcha h2 {
+    color: #BA3636;
+    font-family: "Montserrat Alternates";
+    font-weight: 700;
+    font-size: 13px;
+}
+
+/* Media */
+
+@media screen and (min-device-width: 1400px) and (max-device-width: 1600px) {
+    .profile__card h2 {
+        width: 72%;
+    }
+    .btn-margin {
+        padding-right: 56%;
+    }
+    .withdraw {
+        padding-right: 56%;
+    }
+}
+
+@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {
+    .profile__card h2 {
+        width: 80%;
+    }
+    .btn-margin {
+        padding-right: 66%;
+    }
+    .withdraw {
+        padding-right: 66%;
+    }
+}
+
+/* /Media */
\ No newline at end of file
diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue
index e00ef09..6bfb5dc 100644
--- a/luckydiamond/src/components/AsidebarComponent.vue
+++ b/luckydiamond/src/components/AsidebarComponent.vue
@@ -2,7 +2,7 @@
   <aside class="menu">
     <div class="menu__content">
       <div class="menu__btn--home">
-        <a href="#" @click="$router.push({ name: 'home' })"><img width="73" height="73" src="../assets/icons-menu/home-icon.svg"></a>
+        <a href="" @click="$router.push({ name: 'home' })"><img width="73" height="73" src="../assets/icons-menu/home-icon.svg"></a>
       </div>
       <div class="menu__btns--gamemodes">
         <div class="menu__content--gamemodes">
@@ -13,23 +13,26 @@
         </div>
       </div>
       <div class="menu__btn--settings">
-        <a @click="ChangeAnimation" href="#"><img width="73" height="73" src="../assets/icons-menu/settings-icon.svg"></a>
+        <a @click="SettingsPage=!SettingsPage" href="#"><img width="73" height="73" src="../assets/icons-menu/settings-icon.svg"></a>
       </div>
     </div>
   </aside>
+  <SettingsPage></SettingsPage>
 </template>
 
 
 <script>
 // import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
 import '@/assets/css/ComponentsStyles/asidebar.css'
-
+import {
+  SettingsPage
+} from "@/pages/SettingsPage.vue"
 export default {
   name: 'AsideBar-Element',
-  // components: { NotiicationwindowComponent },
+  components: { SettingsPage },
   data() {
     return {
-      AnimationOff: false
+      SettingsPage: false
     }
   },
   // emits: ['animationchange'],
diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index 1ff9c12..d681a06 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -24,7 +24,7 @@
         <div class="payments__types">
           <div class="types types-margin types-text">
             <h3>Игрок и вид транзакции</h3>
-            <h3>sdds</h3>
+            <h3>Дата</h3>
             <h3>Сумма</h3>
           </div>
           <div class="types-line"></div>
diff --git a/luckydiamond/src/pages/SettingsPage.vue b/luckydiamond/src/pages/SettingsPage.vue
new file mode 100644
index 0000000..ced6512
--- /dev/null
+++ b/luckydiamond/src/pages/SettingsPage.vue
@@ -0,0 +1,114 @@
+<template>
+    <profilemobile-page v-if="mobile"></profilemobile-page>
+    <div class="content__grid-profile" v-else>
+      <aside-bar-component></aside-bar-component>
+  
+      <chat-component></chat-component>
+  
+      <header-component></header-component>
+  
+    <section class="profile">
+      <div class="profile__content">
+        
+      </div>
+    </section>
+      <payments-modal v-if="openModal" @notifacetionmoney="NotificationEventListener" @closemodal="openModal = false" :payments="payments"></payments-modal>
+      <notiicationwindow-component @notificationremove="NotificationMethod" :notification="notification"></notiicationwindow-component>
+    </div>
+  </template>
+  
+  <script>
+  import AsideBarComponent from "@/components/AsidebarComponent.vue";
+  import ChatComponent from "@/components/ChatComponent.vue";
+  import HeaderComponent from "@/components/HeaderComponent.vue";
+  import PaymentsModal from "@/components/PaymentsModal.vue";
+  import ProfilemobilePage from "@/pages/adaptive-pages/ProfilemobilePage.vue";
+  import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
+  
+  import { GetCookie } from "@/assets/js/storage/CookieStorage";
+  import '@/assets/css/PagesStyles/SettingsPage.css'
+  import {GetCurrentMoney} from "@/assets/js/rest/RestMethods";
+  
+  export default {
+    components: {ProfilemobilePage, HeaderComponent, AsideBarComponent, ChatComponent, PaymentsModal, NotiicationwindowComponent },
+    data() {
+      return {
+        username: 'Artemka',
+        imageUrl: '',
+        notification: false,
+        balance: 0,
+        mobile: false,
+        openModal: false,
+        payments: true,
+        arrayHistory: [],
+      }
+    },
+    emits: ['notificationremove'],
+    mounted() {
+      this.checkWindowSize()
+  
+      this.AddWindowListener()
+    },
+    beforeUnmount() {
+      this.RemoveWindowListener()
+    },
+    created() {
+      this.username = GetCookie('SpUserName')
+  
+      GetCurrentMoney(GetCookie('AUTHTOKEN'), GetCookie('SearchToken'))
+          .then((response) => {
+            this.balance = response.currentMoney
+            console.log('balance in profile', this.balance)
+          })
+          .catch((error) => {
+            console.error('error in profile, get money', error)
+          })
+  
+      this.imageUrl = `https://avatar.spworlds.ru/front/256/${this.username}`
+    },
+    methods: {
+      depositClick() {
+        this.openModal = true
+        this.payments = true
+      },
+      withdrawClick() {
+        this.openModal = true
+        this.payments = false
+      },
+      NotificationEventListener() {
+        this.notification = true
+        this.openModal = false
+      },
+      NotificationMethod() {
+        this.notification = false
+      }
+      // formatNumber(number) {
+      //   return number < 10 ? `0${number}` : number;
+      // },
+      // getCurrentFormattedDate() {
+      //   const currentDate = new Date();
+      //   return `${this.formatNumber(currentDate.getDate())}.${this.formatNumber(currentDate.getMonth() + 1)}.${currentDate.getFullYear()}, ${this.formatNumber(currentDate.getHours())}:${this.formatNumber(currentDate.getMinutes())}`;
+      // },
+      // claimDataDeposit(amount) {
+      //   const historyPayments = {
+      //     name: 'TEST USER',
+      //     comment: 'test',
+      //     data: this.getCurrentFormattedDate(),
+      //     amount: amount
+      //   }
+      //
+      //   this.arrayHistory.unshift(historyPayments)
+      // },
+      // claimDataWithdraw(amount) {
+      //   const historyPayments = {
+      //     name: 'TEST USER',
+      //     comment: 'test',
+      //     data: this.getCurrentFormattedDate(),
+      //     amount: -amount
+      //   }
+      //
+      //   this.arrayHistory.unshift(historyPayments)
+      // }
+    }
+  }
+  </script>
\ No newline at end of file

From 81b8de0dcc1d09db1a90a60f558060b1b9e01653 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Mon, 29 Jan 2024 17:15:58 +0300
Subject: [PATCH 07/14] fixed bug with import

---
 luckydiamond/src/components/AsidebarComponent.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue
index 6bfb5dc..9e152e7 100644
--- a/luckydiamond/src/components/AsidebarComponent.vue
+++ b/luckydiamond/src/components/AsidebarComponent.vue
@@ -17,19 +17,17 @@
       </div>
     </div>
   </aside>
-  <SettingsPage></SettingsPage>
+  <settings-page v-if="SettingsPage"></settings-page>
 </template>
 
 
 <script>
 // import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
 import '@/assets/css/ComponentsStyles/asidebar.css'
-import {
-  SettingsPage
-} from "@/pages/SettingsPage.vue"
+import settingsPage from "@/pages/SettingsPage.vue";
 export default {
   name: 'AsideBar-Element',
-  components: { SettingsPage },
+  components: { settingsPage },
   data() {
     return {
       SettingsPage: false

From 13b8e111f240750d43abaa6421ac03aaa6f09747 Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Mon, 29 Jan 2024 18:10:33 +0300
Subject: [PATCH 08/14] add change

---
 luckydiamond/src/components/AsidebarComponent.vue | 12 +++---------
 luckydiamond/src/router/router.js                 |  7 ++++---
 2 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue
index 9e152e7..33ede21 100644
--- a/luckydiamond/src/components/AsidebarComponent.vue
+++ b/luckydiamond/src/components/AsidebarComponent.vue
@@ -13,26 +13,20 @@
         </div>
       </div>
       <div class="menu__btn--settings">
-        <a @click="SettingsPage=!SettingsPage" href="#"><img width="73" height="73" src="../assets/icons-menu/settings-icon.svg"></a>
+        <a @click="$router.push({ name: 'settings' })" href="#"><img width="73" height="73" src="../assets/icons-menu/settings-icon.svg"></a>
       </div>
     </div>
   </aside>
-  <settings-page v-if="SettingsPage"></settings-page>
+  
 </template>
 
 
 <script>
 // import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
 import '@/assets/css/ComponentsStyles/asidebar.css'
-import settingsPage from "@/pages/SettingsPage.vue";
 export default {
   name: 'AsideBar-Element',
-  components: { settingsPage },
-  data() {
-    return {
-      SettingsPage: false
-    }
-  },
+ 
   // emits: ['animationchange'],
   methods: {
     ChangeAnimation() {
diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js
index 0ab5d74..cdab3a5 100644
--- a/luckydiamond/src/router/router.js
+++ b/luckydiamond/src/router/router.js
@@ -3,12 +3,13 @@ import { createRouter, createWebHistory } from "vue-router";
 import HomePage from "../pages/HomePage.vue";
 import ProfilePage from "@/pages/ProfilePage.vue";
 import SapergamePage from "@/pages/games-pages/SapergamePage.vue";
-
+import settingsPage from "@/pages/SettingsPage.vue"
 export default createRouter({
     history: createWebHistory(),
     routes: [
         { path: '/', component: HomePage, name: 'home' },
         { path: '/profile', component: ProfilePage, name: 'profile' },
-        { path: '/game/saper', component: SapergamePage, name: 'saper' }
+        { path: '/game/saper', component: SapergamePage, name: 'saper' },
+        { path: '/ssetting', component: settingsPage, name: 'settings' },
     ]
-})
\ No newline at end of file
+})

From f4d65a09b42e9cdee64e246c726f384dd13c8f05 Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Tue, 30 Jan 2024 19:10:13 +0300
Subject: [PATCH 09/14] add Removed unnecessary class styles in SettingsPage,
 router.js changed the typo and changed the AsidebarComponent.vue #

---
 .../assets/css/PagesStyles/SettingsPage.css   | 213 ------------------
 .../src/components/AsidebarComponent.vue      |   2 +-
 luckydiamond/src/pages/SettingsPage.vue       |   6 +-
 luckydiamond/src/router/router.js             |   4 +-
 4 files changed, 4 insertions(+), 221 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css b/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
index b14104f..e69de29 100644
--- a/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
+++ b/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
@@ -1,213 +0,0 @@
-.profile__content {
-    width: 30%;
-    margin-left: 3%;
-}
-
-
-.icon-diamond h2 img {
-    width: 33px;
-    height: 33px;
-}
-
-.deposit-icon {
-    margin: 3px 0 0 10px;
-}
-
-.withdraw-icon {
-    margin-left: 33px;
-}
-
-.btn-bg {
-    border-radius: 10px;
-    background: rgba(255, 255, 255, 0.12);
-    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-    width: 36%;
-}
-
-.btn-margin {
-    padding: 3.8% 46% 3% 14%;
-    margin-bottom: 11px;
-    background: #62D4B2;
-}
-
-.btn-display {
-    display: flex;
-}
-
-.text-btn {
-    text-decoration: none;
-    color: #000;
-    font-weight: 700;
-    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-    font-family: Montserrat Alternates;
-    font-size: 18px;
-    margin-left: 4px;
-}
-
-.icon-margin-deposit-withdraw {
-    margin-right: 4px;
-}
-
-.withdraw {
-    padding: 3.8% 46% 3% 14%;
-    background: #EF4444;
-}
-
-
-.payments {
-    margin: 2% 0 0 -4.25%;
-}
-
-.types {
-    display: flex;
-}
-
-.types-margin h3 {
-    margin-right: 7.813em;
-}
-
-.types-text h3 {
-    color: #ABABB4;
-    font-weight: 600;
-    font-family: Montserrat;
-    font-size: 14px;
-}
-
-.types-line {
-    margin-top: 2.1%;
-    background: #38383E;
-    width: 86%;
-    height: 3px;
-}
-
-.payments__card {
-    margin-top: 4.9%;
-    display: flex;
-}
-
-.user-info {
-    display: flex;
-}
-
-.user-name {
-    display: flex;
-    flex-direction: column;
-    margin-left: 0.625em;
-}
-
-.user-name__text h3 {
-    color: #FFF;
-    font-weight: 700;
-    font-family: Montserrat;
-    font-size: 20px;
-}
-
-.user-name__text p {
-    color: #A9A9A9;
-    font-weight: 400;
-    font-family: Montserrat;
-    font-size: 20px;
-}
-
-.data-info {
-    margin-left: 10%;
-}
-
-.data-info__text h3 {
-    color: #A9A9A9;
-    font-weight: 400;
-    font-family: Montserrat;
-    font-size: 17px;
-}
-
-.transaction-info {
-    margin-left: 7%;
-}
-
-.transaction-info__text h3 {
-    font-weight: 500;
-    font-family: Montserrat;
-    font-size: 22px;
-}
-
-.deposit-color h3 {
-    color: #32C966;
-}
-
-.withdraw-color h3 {
-    color: #EA3D38;
-}
-
-.error-deposit {
-    position: absolute;
-    left: 190px;
-    top: 52px;
-}
-
-.error-deposit h2 {
-    color: #BA3636;
-    font-family: "Montserrat Alternates";
-    font-weight: 700;
-    font-size: 11px;
-}
-
-.error-card {
-    position: absolute;
-    top: 130px;
-    left: 210px;
-}
-
-.error-card h2 {
-    color: #BA3636;
-    font-family: "Montserrat Alternates";
-    font-weight: 700;
-    font-size: 11px;
-}
-
-.error-checkbox h2 {
-    color: #BA3636;
-    font-family: "Montserrat Alternates";
-    font-weight: 700;
-    font-size: 11px;
-}
-
-.error-captcha {
-    top: 235px;
-    left: 45px;
-    position: absolute;
-}
-
-.error-captcha h2 {
-    color: #BA3636;
-    font-family: "Montserrat Alternates";
-    font-weight: 700;
-    font-size: 13px;
-}
-
-/* Media */
-
-@media screen and (min-device-width: 1400px) and (max-device-width: 1600px) {
-    .profile__card h2 {
-        width: 72%;
-    }
-    .btn-margin {
-        padding-right: 56%;
-    }
-    .withdraw {
-        padding-right: 56%;
-    }
-}
-
-@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {
-    .profile__card h2 {
-        width: 80%;
-    }
-    .btn-margin {
-        padding-right: 66%;
-    }
-    .withdraw {
-        padding-right: 66%;
-    }
-}
-
-/* /Media */
\ No newline at end of file
diff --git a/luckydiamond/src/components/AsidebarComponent.vue b/luckydiamond/src/components/AsidebarComponent.vue
index 33ede21..6367bf0 100644
--- a/luckydiamond/src/components/AsidebarComponent.vue
+++ b/luckydiamond/src/components/AsidebarComponent.vue
@@ -2,7 +2,7 @@
   <aside class="menu">
     <div class="menu__content">
       <div class="menu__btn--home">
-        <a href="" @click="$router.push({ name: 'home' })"><img width="73" height="73" src="../assets/icons-menu/home-icon.svg"></a>
+        <a href="#" @click="$router.push({ name: 'home' })"><img width="73" height="73" src="../assets/icons-menu/home-icon.svg"></a>
       </div>
       <div class="menu__btns--gamemodes">
         <div class="menu__content--gamemodes">
diff --git a/luckydiamond/src/pages/SettingsPage.vue b/luckydiamond/src/pages/SettingsPage.vue
index ced6512..f8c971c 100644
--- a/luckydiamond/src/pages/SettingsPage.vue
+++ b/luckydiamond/src/pages/SettingsPage.vue
@@ -7,11 +7,7 @@
   
       <header-component></header-component>
   
-    <section class="profile">
-      <div class="profile__content">
-        
-      </div>
-    </section>
+    <section class="profile"></section>
       <payments-modal v-if="openModal" @notifacetionmoney="NotificationEventListener" @closemodal="openModal = false" :payments="payments"></payments-modal>
       <notiicationwindow-component @notificationremove="NotificationMethod" :notification="notification"></notiicationwindow-component>
     </div>
diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js
index cdab3a5..773014b 100644
--- a/luckydiamond/src/router/router.js
+++ b/luckydiamond/src/router/router.js
@@ -3,13 +3,13 @@ import { createRouter, createWebHistory } from "vue-router";
 import HomePage from "../pages/HomePage.vue";
 import ProfilePage from "@/pages/ProfilePage.vue";
 import SapergamePage from "@/pages/games-pages/SapergamePage.vue";
-import settingsPage from "@/pages/SettingsPage.vue"
+import SettingsPage from "@/pages/SettingsPage.vue"
 export default createRouter({
     history: createWebHistory(),
     routes: [
         { path: '/', component: HomePage, name: 'home' },
         { path: '/profile', component: ProfilePage, name: 'profile' },
         { path: '/game/saper', component: SapergamePage, name: 'saper' },
-        { path: '/ssetting', component: settingsPage, name: 'settings' },
+        { path: '/setting', component: SettingsPage, name: 'settings' },
     ]
 })

From ed8a64570f911ccafa173a03ba5e605190695096 Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Tue, 30 Jan 2024 19:39:33 +0300
Subject: [PATCH 10/14] add Changed the template to SettingPage

---
 .../assets/css/PagesStyles/SettingsPage.css   |   9 ++
 luckydiamond/src/pages/SettingsPage.vue       | 102 ++----------------
 2 files changed, 19 insertions(+), 92 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css b/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
index e69de29..81567c0 100644
--- a/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
+++ b/luckydiamond/src/assets/css/PagesStyles/SettingsPage.css
@@ -0,0 +1,9 @@
+.settings {
+    display: flex;
+    grid-area: profile;
+    height: 95%;
+    border-radius: 50px;
+    background: #17181C;
+    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    margin: 10px 39px 18px 13px;
+}
\ No newline at end of file
diff --git a/luckydiamond/src/pages/SettingsPage.vue b/luckydiamond/src/pages/SettingsPage.vue
index f8c971c..4c00078 100644
--- a/luckydiamond/src/pages/SettingsPage.vue
+++ b/luckydiamond/src/pages/SettingsPage.vue
@@ -1,15 +1,13 @@
 <template>
-    <profilemobile-page v-if="mobile"></profilemobile-page>
-    <div class="content__grid-profile" v-else>
+    <div class="content__grid-profile" >
       <aside-bar-component></aside-bar-component>
   
       <chat-component></chat-component>
   
       <header-component></header-component>
   
-    <section class="profile"></section>
-      <payments-modal v-if="openModal" @notifacetionmoney="NotificationEventListener" @closemodal="openModal = false" :payments="payments"></payments-modal>
-      <notiicationwindow-component @notificationremove="NotificationMethod" :notification="notification"></notiicationwindow-component>
+    <section class="settings"></section>
+      
     </div>
   </template>
   
@@ -17,94 +15,14 @@
   import AsideBarComponent from "@/components/AsidebarComponent.vue";
   import ChatComponent from "@/components/ChatComponent.vue";
   import HeaderComponent from "@/components/HeaderComponent.vue";
-  import PaymentsModal from "@/components/PaymentsModal.vue";
-  import ProfilemobilePage from "@/pages/adaptive-pages/ProfilemobilePage.vue";
-  import NotiicationwindowComponent from "@/components/NotiicationwindowComponent.vue";
-  
-  import { GetCookie } from "@/assets/js/storage/CookieStorage";
+
   import '@/assets/css/PagesStyles/SettingsPage.css'
-  import {GetCurrentMoney} from "@/assets/js/rest/RestMethods";
-  
   export default {
-    components: {ProfilemobilePage, HeaderComponent, AsideBarComponent, ChatComponent, PaymentsModal, NotiicationwindowComponent },
-    data() {
-      return {
-        username: 'Artemka',
-        imageUrl: '',
-        notification: false,
-        balance: 0,
-        mobile: false,
-        openModal: false,
-        payments: true,
-        arrayHistory: [],
-      }
-    },
-    emits: ['notificationremove'],
-    mounted() {
-      this.checkWindowSize()
-  
-      this.AddWindowListener()
-    },
-    beforeUnmount() {
-      this.RemoveWindowListener()
-    },
-    created() {
-      this.username = GetCookie('SpUserName')
-  
-      GetCurrentMoney(GetCookie('AUTHTOKEN'), GetCookie('SearchToken'))
-          .then((response) => {
-            this.balance = response.currentMoney
-            console.log('balance in profile', this.balance)
-          })
-          .catch((error) => {
-            console.error('error in profile, get money', error)
-          })
-  
-      this.imageUrl = `https://avatar.spworlds.ru/front/256/${this.username}`
-    },
-    methods: {
-      depositClick() {
-        this.openModal = true
-        this.payments = true
-      },
-      withdrawClick() {
-        this.openModal = true
-        this.payments = false
-      },
-      NotificationEventListener() {
-        this.notification = true
-        this.openModal = false
-      },
-      NotificationMethod() {
-        this.notification = false
-      }
-      // formatNumber(number) {
-      //   return number < 10 ? `0${number}` : number;
-      // },
-      // getCurrentFormattedDate() {
-      //   const currentDate = new Date();
-      //   return `${this.formatNumber(currentDate.getDate())}.${this.formatNumber(currentDate.getMonth() + 1)}.${currentDate.getFullYear()}, ${this.formatNumber(currentDate.getHours())}:${this.formatNumber(currentDate.getMinutes())}`;
-      // },
-      // claimDataDeposit(amount) {
-      //   const historyPayments = {
-      //     name: 'TEST USER',
-      //     comment: 'test',
-      //     data: this.getCurrentFormattedDate(),
-      //     amount: amount
-      //   }
-      //
-      //   this.arrayHistory.unshift(historyPayments)
-      // },
-      // claimDataWithdraw(amount) {
-      //   const historyPayments = {
-      //     name: 'TEST USER',
-      //     comment: 'test',
-      //     data: this.getCurrentFormattedDate(),
-      //     amount: -amount
-      //   }
-      //
-      //   this.arrayHistory.unshift(historyPayments)
-      // }
-    }
+    components: {
+    ChatComponent,
+    HeaderComponent,
+    AsideBarComponent
+  }
+
   }
   </script>
\ No newline at end of file

From 8567bbb9af946d5d570b21591d66efaa0caa93c7 Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Tue, 30 Jan 2024 19:44:33 +0300
Subject: [PATCH 11/14] add Changed name to path

---
 luckydiamond/src/router/router.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js
index 773014b..3bb7ddc 100644
--- a/luckydiamond/src/router/router.js
+++ b/luckydiamond/src/router/router.js
@@ -10,6 +10,6 @@ export default createRouter({
         { path: '/', component: HomePage, name: 'home' },
         { path: '/profile', component: ProfilePage, name: 'profile' },
         { path: '/game/saper', component: SapergamePage, name: 'saper' },
-        { path: '/setting', component: SettingsPage, name: 'settings' },
+        { path: '/settings', component: SettingsPage, name: 'settings' },
     ]
 })

From 03f1207b53666d697d2a283c8182afde66bd3122 Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Wed, 31 Jan 2024 20:15:08 +0300
Subject: [PATCH 12/14] About

---
 luckydiamond/package-lock.json                | 87 ++++++++++++++++++-
 luckydiamond/package.json                     |  1 +
 .../src/assets/css/DevelopComponent.css       |  8 ++
 .../src/components/DevelopComponent.vue       | 13 +++
 luckydiamond/src/pages/AboutPage.vue          | 37 ++++++++
 luckydiamond/src/router/router.js             |  2 +
 6 files changed, 146 insertions(+), 2 deletions(-)
 create mode 100644 luckydiamond/src/assets/css/DevelopComponent.css
 create mode 100644 luckydiamond/src/components/DevelopComponent.vue
 create mode 100644 luckydiamond/src/pages/AboutPage.vue

diff --git a/luckydiamond/package-lock.json b/luckydiamond/package-lock.json
index 8fbb8b5..0a11ca1 100644
--- a/luckydiamond/package-lock.json
+++ b/luckydiamond/package-lock.json
@@ -15,6 +15,7 @@
         "core-js": "^3.8.3",
         "howler": "^2.2.4",
         "mitt": "^3.0.1",
+        "save": "^2.9.0",
         "swiper": "^11.0.5",
         "vue": "^3.2.13",
         "vue-recaptcha": "^3.0.0-alpha.6",
@@ -5521,8 +5522,7 @@
     "node_modules/duplexer": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
-      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
-      "dev": true
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
     },
     "node_modules/easy-stack": {
       "version": "1.0.1",
@@ -6309,6 +6309,20 @@
         "node": ">=4.0.0"
       }
     },
+    "node_modules/event-stream": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/event-stream/-/event-stream-4.0.1.tgz",
+      "integrity": "sha512-qACXdu/9VHPBzcyhdOWR5/IahhGMf0roTeZJfzz077GwylcDd90yOHLouhmv7GJ5XzPi6ekaQWd8AvPP2nOvpA==",
+      "dependencies": {
+        "duplexer": "^0.1.1",
+        "from": "^0.1.7",
+        "map-stream": "0.0.7",
+        "pause-stream": "^0.0.11",
+        "split": "^1.0.1",
+        "stream-combiner": "^0.2.2",
+        "through": "^2.3.8"
+      }
+    },
     "node_modules/eventemitter3": {
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
@@ -6646,6 +6660,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/from": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
+      "integrity": "sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g=="
+    },
     "node_modules/fs-extra": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -7788,6 +7807,11 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "dev": true
     },
+    "node_modules/lodash.assign": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz",
+      "integrity": "sha512-hFuH8TY+Yji7Eja3mGiuAxBqLagejScbG8GbG0j6o9vzn0YL14My+ktnqtZgFTosKymC9/44wP6s7xyuLfnClw=="
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -8111,6 +8135,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/map-stream": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz",
+      "integrity": "sha512-C0X0KQmGm3N2ftbTGBhSyuydQ+vV1LC3f3zPvT3RXHXNZrvfPZcoXp/N5DOa8vedX/rTMm2CjTtivFg2STJMRQ=="
+    },
     "node_modules/mdn-data": {
       "version": "2.0.14",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
@@ -8230,6 +8259,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/mingo": {
+      "version": "6.4.10",
+      "resolved": "https://registry.npmjs.org/mingo/-/mingo-6.4.10.tgz",
+      "integrity": "sha512-/pOGeZKcZrKKw8YkCMKn9+XPiUYeNhkfaVbTn9tqvZvfccxf1idk8ezSulecZmPdKJLibNDtp4UBfDK3nzvMrQ=="
+    },
     "node_modules/mini-css-extract-plugin": {
       "version": "2.7.6",
       "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.6.tgz",
@@ -9048,6 +9082,14 @@
       "resolved": "https://registry.npmjs.org/pathe/-/pathe-1.1.1.tgz",
       "integrity": "sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q=="
     },
+    "node_modules/pause-stream": {
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz",
+      "integrity": "sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==",
+      "dependencies": {
+        "through": "~2.3"
+      }
+    },
     "node_modules/perfect-debounce": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
@@ -10194,6 +10236,22 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true
     },
+    "node_modules/save": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/save/-/save-2.9.0.tgz",
+      "integrity": "sha512-eg8+g8CjvehE/2C6EbLdtK1pINVD27pcJLj4M9PjWWhoeha/y5bWf4dp/0RF+OzbKTcG1bae9qi3PAqiR8CJTg==",
+      "dependencies": {
+        "async": "^3.2.2",
+        "event-stream": "^4.0.1",
+        "lodash.assign": "^4.2.0",
+        "mingo": "^6.1.0"
+      }
+    },
+    "node_modules/save/node_modules/async": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz",
+      "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg=="
+    },
     "node_modules/schema-utils": {
       "version": "2.7.1",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
@@ -10647,6 +10705,17 @@
         "wbuf": "^1.7.3"
       }
     },
+    "node_modules/split": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
+      "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
+      "dependencies": {
+        "through": "2"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -10692,6 +10761,15 @@
       "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.6.0.tgz",
       "integrity": "sha512-aFZ19IgVmhdB2uX599ve2kE6BIE3YMnQ6Gp6BURhW/oIzpXGKr878TQfAQZn1+i0Flcc/UKUy1gOlcfaUBCryg=="
     },
+    "node_modules/stream-combiner": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz",
+      "integrity": "sha512-6yHMqgLYDzQDcAkL+tjJDC5nSNuNIx0vZtRZeiPh7Saef7VHX9H5Ijn9l2VIol2zaNYlYEX6KyuT/237A58qEQ==",
+      "dependencies": {
+        "duplexer": "~0.1.1",
+        "through": "~2.3.4"
+      }
+    },
     "node_modules/string_decoder": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -11115,6 +11193,11 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="
+    },
     "node_modules/thunky": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
diff --git a/luckydiamond/package.json b/luckydiamond/package.json
index ac7ca4c..9c6dd42 100644
--- a/luckydiamond/package.json
+++ b/luckydiamond/package.json
@@ -16,6 +16,7 @@
     "core-js": "^3.8.3",
     "howler": "^2.2.4",
     "mitt": "^3.0.1",
+    "save": "^2.9.0",
     "swiper": "^11.0.5",
     "vue": "^3.2.13",
     "vue-recaptcha": "^3.0.0-alpha.6",
diff --git a/luckydiamond/src/assets/css/DevelopComponent.css b/luckydiamond/src/assets/css/DevelopComponent.css
new file mode 100644
index 0000000..4747fdd
--- /dev/null
+++ b/luckydiamond/src/assets/css/DevelopComponent.css
@@ -0,0 +1,8 @@
+.card {
+    width: 422px;
+    height: 269px;
+    flex-shrink: 0;
+    border-radius: 22px;
+    background-color: #742271;
+
+}
\ No newline at end of file
diff --git a/luckydiamond/src/components/DevelopComponent.vue b/luckydiamond/src/components/DevelopComponent.vue
new file mode 100644
index 0000000..04897fe
--- /dev/null
+++ b/luckydiamond/src/components/DevelopComponent.vue
@@ -0,0 +1,13 @@
+<template>
+    <div class="info">
+        <div class="card">
+
+        </div>
+    </div>
+</template>
+
+<script>
+import '@/assets/css/DevelopComponent.css'
+
+export default {}
+</script>
\ No newline at end of file
diff --git a/luckydiamond/src/pages/AboutPage.vue b/luckydiamond/src/pages/AboutPage.vue
new file mode 100644
index 0000000..ef4668b
--- /dev/null
+++ b/luckydiamond/src/pages/AboutPage.vue
@@ -0,0 +1,37 @@
+<template>
+    <div class="content__grid-profile" >
+        <aside-bar-component></aside-bar-component>
+    
+        <chat-component></chat-component>
+    
+        <header-component></header-component>
+    
+      </div>
+    <develop-component></develop-component>
+</template>
+<script>
+import { DevelopComponent } from '@/components/DevelopComponent'
+import AsideBarComponent from "@/components/AsidebarComponent.vue";
+import ChatComponent from "@/components/ChatComponent.vue";
+import HeaderComponent from "@/components/HeaderComponent.vue";
+
+export default {
+    data () {
+        return {
+           Object: {
+            bg:'value',
+            nickname: 'value',
+            icons: {},
+            textTacholgy: {'text1': 'text2'}
+           }
+        }
+    }, 
+    components: {
+    ChatComponent,
+    HeaderComponent,
+    AsideBarComponent,
+    DevelopComponent    
+    }
+}
+
+</script>
\ No newline at end of file
diff --git a/luckydiamond/src/router/router.js b/luckydiamond/src/router/router.js
index 3bb7ddc..5810af5 100644
--- a/luckydiamond/src/router/router.js
+++ b/luckydiamond/src/router/router.js
@@ -4,6 +4,7 @@ import HomePage from "../pages/HomePage.vue";
 import ProfilePage from "@/pages/ProfilePage.vue";
 import SapergamePage from "@/pages/games-pages/SapergamePage.vue";
 import SettingsPage from "@/pages/SettingsPage.vue"
+import AboutPage from "@/pages/AboutPage.vue"
 export default createRouter({
     history: createWebHistory(),
     routes: [
@@ -11,5 +12,6 @@ export default createRouter({
         { path: '/profile', component: ProfilePage, name: 'profile' },
         { path: '/game/saper', component: SapergamePage, name: 'saper' },
         { path: '/settings', component: SettingsPage, name: 'settings' },
+        { path: '/about', component: AboutPage, name: 'about' },
     ]
 })

From 1a816300bd179175bde73836c74ad327323d7b03 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Wed, 31 Jan 2024 20:20:28 +0300
Subject: [PATCH 13/14] fixed bug with not-display develop-component and
 changed template, added router-push to path /about

---
 .../assets/css/{ => ComponentsStyles}/DevelopComponent.css  | 0
 luckydiamond/src/components/DevelopComponent.vue            | 6 ++++--
 luckydiamond/src/components/HeaderComponent.vue             | 1 +
 luckydiamond/src/pages/AboutPage.vue                        | 6 +++---
 4 files changed, 8 insertions(+), 5 deletions(-)
 rename luckydiamond/src/assets/css/{ => ComponentsStyles}/DevelopComponent.css (100%)

diff --git a/luckydiamond/src/assets/css/DevelopComponent.css b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
similarity index 100%
rename from luckydiamond/src/assets/css/DevelopComponent.css
rename to luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css
diff --git a/luckydiamond/src/components/DevelopComponent.vue b/luckydiamond/src/components/DevelopComponent.vue
index 04897fe..f29a29d 100644
--- a/luckydiamond/src/components/DevelopComponent.vue
+++ b/luckydiamond/src/components/DevelopComponent.vue
@@ -7,7 +7,9 @@
 </template>
 
 <script>
-import '@/assets/css/DevelopComponent.css'
+import '@/assets/css/ComponentsStyles/DevelopComponent.css'
 
-export default {}
+export default {
+
+}
 </script>
\ No newline at end of file
diff --git a/luckydiamond/src/components/HeaderComponent.vue b/luckydiamond/src/components/HeaderComponent.vue
index 5b338bf..61b4abc 100644
--- a/luckydiamond/src/components/HeaderComponent.vue
+++ b/luckydiamond/src/components/HeaderComponent.vue
@@ -127,6 +127,7 @@ export default {
           <a href="#" @click="$router.push({ name: 'home' })" :class="{ 'header__nav--now' : $route.name === 'home' }">Главная</a>
           <a v-if="authtoken !== ''" href="#" @click="$router.push({ name: 'profile' })" :class="{ 'header__nav--now' : $route.name === 'profile' }">Профиль</a>
           <a href="#">Помощь</a>
+          <a href="#" @click="$router.push({ name: 'about' })" :class="{ 'header__nav--now' : $route.name === 'about' }">О нас</a>
         </nav>
       </div>
       <div class="header__balance">
diff --git a/luckydiamond/src/pages/AboutPage.vue b/luckydiamond/src/pages/AboutPage.vue
index ef4668b..8656623 100644
--- a/luckydiamond/src/pages/AboutPage.vue
+++ b/luckydiamond/src/pages/AboutPage.vue
@@ -5,12 +5,12 @@
         <chat-component></chat-component>
     
         <header-component></header-component>
-    
+
+        <develop-component></develop-component>
       </div>
-    <develop-component></develop-component>
 </template>
 <script>
-import { DevelopComponent } from '@/components/DevelopComponent'
+import DevelopComponent from "@/components/DevelopComponent.vue";
 import AsideBarComponent from "@/components/AsidebarComponent.vue";
 import ChatComponent from "@/components/ChatComponent.vue";
 import HeaderComponent from "@/components/HeaderComponent.vue";

From 7647256349d28531a6c1655595c57b043799d514 Mon Sep 17 00:00:00 2001
From: Madara0330E <summoners2011sss@gmail.com>
Date: Wed, 31 Jan 2024 20:26:07 +0300
Subject: [PATCH 14/14] delete chat

---
 luckydiamond/src/pages/AboutPage.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/luckydiamond/src/pages/AboutPage.vue b/luckydiamond/src/pages/AboutPage.vue
index 8656623..e36074e 100644
--- a/luckydiamond/src/pages/AboutPage.vue
+++ b/luckydiamond/src/pages/AboutPage.vue
@@ -2,7 +2,7 @@
     <div class="content__grid-profile" >
         <aside-bar-component></aside-bar-component>
     
-        <chat-component></chat-component>
+        
     
         <header-component></header-component>
 
@@ -12,7 +12,6 @@
 <script>
 import DevelopComponent from "@/components/DevelopComponent.vue";
 import AsideBarComponent from "@/components/AsidebarComponent.vue";
-import ChatComponent from "@/components/ChatComponent.vue";
 import HeaderComponent from "@/components/HeaderComponent.vue";
 
 export default {
@@ -27,7 +26,6 @@ export default {
         }
     }, 
     components: {
-    ChatComponent,
     HeaderComponent,
     AsideBarComponent,
     DevelopComponent