fix socket & network widget 0%

Author: xdeq

components/Feed.vue

@@ -94,10 +94,10 @@ const head = computed(() => appStore.head)
 				</Flex>
 
 				<template #content>
-					<Flex align="center" gap="8">
+					<Flex align="center" gap="6">
 						<div :class="[$style.status, head.synced ? $style.green : $style.red]" />
-						<template v-if="!head.synced">Not</template>
-						<Text color="primary"> Synced </Text>
+
+						<Text color="primary"><template v-if="!head.synced">Not</template> Synced </Text>
 					</Flex>
 				</template>
 			</Tooltip>

components/widgets/NetworkWidget.vue

@@ -111,7 +111,7 @@ onMounted(async () => {
 
 			<Flex align="center" justify="between">
 				<Text v-if="!isNaN(pos)" size="16" weight="600" color="tertiary" :class="$style.ds_font"> {{ pos.toFixed(2) }}% </Text>
-				<Text v-else color="tertiary">is unknown</Text>
+				<Text v-else size="16" weight="600" color="tertiary" :class="$style.ds_font">0%</Text>
 
 				<Text size="12" weight="600" color="support"> Throughput level </Text>
 			</Flex>

services/api/socket.js

@@ -1,5 +1,5 @@
 /** Services */
-import { Server } from "../config"
+import { useSocketURL } from "../config"
 
 /** Store */
 import { useAppStore } from "@/store/app"
@@ -9,7 +9,7 @@ export let socket = null
 export const init = () => {
 	const appStore = useAppStore()
 
-	socket = new WebSocket(Server.WSS)
+	socket = new WebSocket(useSocketURL())
 
 	socket.addEventListener("open", (e) => {
 		/** Head Subscription */

services/config.js

@@ -4,7 +4,11 @@ export const Server = {
 		mocha: "https://api-mocha-4.celenium.io/v1",
 		dev: "https://api-dev.celenium.io/v1",
 	},
-	WSS: "wss://api-dev.celenium.io/v1/ws",
+	WSS: {
+		mainnet: "wss://api.celenium.io/v1/ws",
+		mocha: "wss://api-dev.celenium.io/v1/ws",
+		dev: "wss://api-dev.celenium.io/v1/ws",
+	},
 }
 
 export const useServerURL = () => {
@@ -17,10 +21,34 @@ export const useServerURL = () => {
 		case "mocha-4.celenium.io":
 			return Server.API.mocha
 
+		case "mocha.celenium.io":
+			return Server.API.mocha
+
 		case "dev.celenium.io":
 			return Server.API.dev
 
 		default:
 			return Server.API.dev
 	}
 }
+
+export const useSocketURL = () => {
+	const requestURL = useRequestURL()
+
+	switch (requestURL.hostname) {
+		case "celenium.io":
+			return Server.WSS.mainnet
+
+		case "mocha-4.celenium.io":
+			return Server.WSS.mocha
+
+		case "mocha.celenium.io":
+			return Server.WSS.mocha
+
+		case "dev.celenium.io":
+			return Server.WSS.dev
+
+		default:
+			return Server.WSS.dev
+	}
+}