From a230c3bd2dfd7c91c596bf9276eb952665bf7d25 Mon Sep 17 00:00:00 2001
From: onmax <maximogarciamtnez@gmail.com>
Date: Sun, 24 Nov 2024 21:29:19 -0600
Subject: [PATCH] chore: update notice message to reflect PoS mainnet status

---
 src/App.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 84cbba6de..883872fe8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,15 @@
 <template>
     <div id="app" :class="{'consensus-stalled': consensus === 'stalled'}">
-        <div v-if="consensus === 'stalled'" class="red-notice">
-            The PoS testnet is temporarily not processing transactions or staking rewards, thank you for your patience.
+        <div v-if="consensus === 'stalled' || true" class="red-notice">
+            <template v-if="isMainnet">
+                A network issue occurred, please stand by. Click
+                <a href="https://x.com/nimiq/status/1860886491292913679" target="_blank">
+                here</a> for updates.
+            </template>
+            <template v-else>
+                The network is temporarily not processing transactions or staking rewards,
+                thank you for your patience.
+            </template>
         </div>
         <main :class="activeMobileColumn" ref="$main">
             <Sidebar/>
@@ -40,12 +48,17 @@ import { useWindowSize } from './composables/useWindowSize';
 import { useActiveMobileColumn } from './composables/useActiveMobileColumn';
 import { useSwipes } from './composables/useSwipes';
 import { useNetworkStore } from './stores/Network';
+import { useConfig } from './composables/useConfig';
+import { ENV_MAIN, ENV_TEST } from './lib/Constants';
 
 export default defineComponent({
     name: 'app',
     setup(props, context) {
         provideRouter(router);
 
+        const { config } = useConfig();
+        const isMainnet = config.environment === ENV_TEST;
+
         const { activeMobileColumn } = useActiveMobileColumn();
 
         const { accountInfos } = useAccountStore();
@@ -148,6 +161,7 @@ export default defineComponent({
         const { consensus } = useNetworkStore();
 
         return {
+            isMainnet,
             activeMobileColumn,
             hasAccounts,
             main$,
@@ -373,6 +387,11 @@ export default defineComponent({
     font-size: var(--body-size);
     text-align: center;
     padding: 1rem;
+
+    a {
+        font-weight: 600;
+        color: white;
+    }
 }
 
 #app.consensus-stalled {