Fix help entry content (#57)

Co-authored-by: AceDataCloud <[email protected]>

change/@acedatacloud-nexior-bd0c98a5-0cf8-47e8-8272-bb1f23853720.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "update support info",
+  "packageName": "@acedatacloud/nexior",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

src/components/common/HelpEntry.vue

@@ -1,29 +1,80 @@
 <template>
   <div>
-    <el-tooltip effect="dark" :content="$t('common.message.joinDiscord')" placement="top-start">
-      <el-button type="primary" circle size="large" @click="onJoin">
-        <font-awesome-icon icon="fa-brands fa-discord" />
-      </el-button>
-    </el-tooltip>
+    <el-popover
+      placement="bottom"
+      :width="200"
+      trigger="hover"
+      :popper-style="{
+        padding: '10px'
+      }"
+    >
+      <template #reference>
+        <el-button type="primary" circle size="large" class="entry">
+          <font-awesome-icon icon="fa-solid fa-question" />
+        </el-button>
+      </template>
+      <el-menu :collapse="false" class="menu">
+        <el-menu-item index="1" @click="onJoin">
+          <font-awesome-icon icon="fa-brands fa-discord" class="mr-2" />
+          <template #title>{{ $t('common.message.joinDiscord') }}</template>
+        </el-menu-item>
+        <el-popover placement="right" :width="420" trigger="hover">
+          <template #reference>
+            <el-menu-item index="2">
+              <font-awesome-icon icon="fa-brands fa-weixin" class="mr-2" />
+              <template #title>{{ $t('common.message.addWeChat') }}</template>
+            </el-menu-item>
+          </template>
+          <div class="flex">
+            <div class="flex-1 text-center">
+              <el-image src="https://cdn.acedata.cloud/wechat.png" />
+              <span>{{ $t('common.message.serviceTech') }}</span>
+            </div>
+            <div class="flex-1 text-center">
+              <el-image src="https://cdn.acedata.cloud/ue99mv.png" />
+              <span>{{ $t('common.message.businessCooperation') }}</span>
+            </div>
+          </div>
+        </el-popover>
+      </el-menu>
+    </el-popover>
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { ElTooltip, ElButton } from 'element-plus';
+import { ElButton, ElPopover, ElMenu, ElMenuItem, ElImage } from 'element-plus';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { ROUTE_DISTRIBUTION_INDEX } from '@/router';
 
 export default defineComponent({
   name: 'HelpEntry',
   components: {
-    ElTooltip,
+    ElImage,
     ElButton,
+    ElPopover,
+    ElMenu,
+    ElMenuItem,
     FontAwesomeIcon
   },
   methods: {
     onJoin() {
       window.open('https://discord.gg/73F3MYj3vp', '_blank');
+    },
+    onProfit() {
+      this.$router.push({
+        name: ROUTE_DISTRIBUTION_INDEX
+      });
     }
   }
 });
 </script>
+
+<style lang="scss" scoped>
+.menu {
+  border-right: none;
+  .el-menu-item {
+    height: 40px;
+  }
+}
+</style>

src/components/console/SidePanel.vue

@@ -1,8 +1,5 @@
 <template>
   <div class="side-panel">
-    <div class="pl-16 pr-16">
-      <logo @click="onHome" />
-    </div>
     <div class="links">
       <a
         v-for="(link, linkIndex) in links"
@@ -37,7 +34,6 @@ import {
 } from '@/router';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { BASE_URL_HUB } from '@/constants';
-import Logo from '../common/Logo.vue';
 
 interface ILink {
   key: string;
@@ -51,8 +47,7 @@ interface ILink {
 export default defineComponent({
   name: 'Navigator',
   components: {
-    FontAwesomeIcon,
-    Logo
+    FontAwesomeIcon
   },
   computed: {
     isOfficial() {