connect troubles dialog

src/components/ActionDialogs/FindPlayer.vue

@@ -22,7 +22,7 @@
 import ProfileViewer from "@/components/Others/Loader/ProfileViewer.vue";
 import axios from "axios";
 import Random from "@/api/Random";
-import DeleteMeDialog from "@/components/ActionDialogs/DeleteMeDialog.vue";
+import DeleteMeDialog from "@/components/ActionDialogs/Information/DeleteMeDialog.vue";
 
 export default {
   name: "FindPlayer",

src/components/ActionDialogs/Information/TroublesDialog.vue

@@ -0,0 +1,46 @@
+<template>
+  <md-dialog :md-active.sync="show" @close="show=false">
+    <div class="md-layout md-alignment-bottom-center">
+      <div class="md-layout-item md-size-100 md-small-size-100 md-alignment-bottom-center rounded-only md-scrollbar"  style="height: 500px; overflow-y: auto;">
+        <p style="text-align: center; padding: 0% 5%">Базовые проблемы и их решения</p>
+        <p class="dmd-p" style="text-align: center; font-weight: bold">Не подключается к серверу или их нет в избранном</p>
+        <p class="dmd-p" style="">- Сервер отрыгнул, потерпи</p>
+        <p class="dmd-p" style="">- На часах 4 утра и они уходят перезагрузку, иначе как они работали стабильно</p>
+        <p class="dmd-p" style="">- У тебя включен VPN или NAT у провайдера, выключи их</p>
+        <p class="dmd-p" style="">- Ты хохол, иди на СВО, какой тебе тф2</p>
+        <p class="dmd-p" style="text-align: center; font-weight: bold">Если сервер работает, но не дает зайти</p>
+        <p class="dmd-p" style="">- Охуеть ты в бане, напиши тому кто забанил</p>
+        <p class="dmd-p" style="">- Сервер полный, подожди пока люди уйдут или купи вип со слотом</p>
+        <p class="dmd-p" style="">- Кикают долбаебы, напиши нам в дискорд</p>
+        <p class="dmd-p" style="">- Ошибка базы данных, наш проеб</p>
+        <p class="dmd-p" style="text-align: center; font-weight: bold">Ошибка EnterErrorCode</p>
+        <p class="dmd-p" style="">- VA - Вак бан на аккаунте в любой игре, терпи</p>
+        <p class="dmd-p" style="">- FA - Нет преумиума в тф2</p>
+        <p class="dmd-p" style="">- PA - Аккаунт в стиме скрыт</p>
+        <p class="dmd-p" style="">- NA - Свежесозданный аккаунт, подожди 3 недели</p>
+        <p class="dmd-p" style="">- NSA - Уже не помню, но вроде тож самое что и NA</p>
+      </div>
+    </div>
+    <md-button style="float: right" class="btn-colored" v-on:click="show=false">Закрыть</md-button>
+  </md-dialog>
+</template>
+
+<script>
+export default {
+  name: "TroublesDialog",
+  data: () => ({
+    show: false,
+  }),
+  methods: {
+    showMe(b) {
+      this.show = b;
+    },
+  }
+}
+</script>
+
+<style>
+.dmd-p{
+  text-align: left; max-width: 600px; padding: 0% 5%
+}
+</style>

src/components/TabsMenuElements/MainView/Components/SubComponents/ConnectErrors.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="md-layout md-alignment-center-center" style="margin: 2%">
+    <div class="md-layout-item md-size-40 rounded-and-colored md-small-size-80 clickable">
+      <div class="md-layout md-alignment-center-center" style="margin: -5% 5%; cursor: pointer" v-on:click="$refs.ce_td.showMe(true)">
+        <div class="md-layout-item md-size-5">
+          <h5 class="txt-innert" style="text-align: left; padding-right: 1%">{{' > '}}</h5>
+        </div>
+        <div class="md-layout-item">
+          <h5 class="txt-innert" style="text-align: center;">Проблемы с подключением?</h5>
+        </div>
+        <div class="md-layout-item md-size-5">
+          <h5 class="txt-innert" style="text-align: right; padding-left: 1%">{{' < '}}</h5>
+        </div>
+      </div>
+    </div>
+    <TrublesDialog ref="ce_td"/>
+  </div>
+</template>
+
+<script>
+import TrublesDialog from "@/components/ActionDialogs/Information/TroublesDialog.vue";
+
+export default {
+  name: "ConnectErrors",
+  components: {TrublesDialog}
+}
+</script>

src/components/TabsMenuElements/MainView/Components/WhyNot.vue

@@ -7,6 +7,7 @@
       <CurrentPlayers/>
       <hr>
       <ConnectButton/>
+      <ConnectErrors/>
       <hr>
       <WhyNotText/>
     </div>
@@ -18,9 +19,10 @@
 import CurrentPlayers from "@/components/TabsMenuElements/MainView/Components/SubComponents/CurrentPlayers.vue";
 import ConnectButton from "@/components/TabsMenuElements/MainView/Components/SubComponents/ConnectButton.vue";
 import WhyNotText from "@/components/TabsMenuElements/MainView/Components/WhyNotText.vue";
+import ConnectErrors from "@/components/TabsMenuElements/MainView/Components/SubComponents/ConnectErrors.vue";
 
 export default {
   name: "WhyNot",
-  components: {WhyNotText, ConnectButton, CurrentPlayers}
+  components: {ConnectErrors, WhyNotText, ConnectButton, CurrentPlayers}
 }
 </script>