up

src/components/TeamStoryPage.vue

@@ -61,6 +61,9 @@ const game = ref<Game | undefined>({
 
 const code = ref('')
 const teamName = computed(() => game.value?.teams?.find((team) => team.ID === teamId)?.name)
+const shouldShowLocalNetworkHint = computed(
+  () => uiStore.environment === 'prod' && game.value?.export?.state === 'ready',
+)
 
 const reviewKey = `game-review-${teamId}`
 const reviewSubmitted = ref(localStorage.getItem(reviewKey) === '1')
@@ -304,21 +307,24 @@ useSimplePolling(() => {
 
 <template>
   <div
-    v-if="story.background"
+    v-if="story.background && !shouldShowLocalNetworkHint"
     class="case-background"
     :style="{ backgroundImage: `url(${JSON.stringify(story.background)})` }"
     aria-hidden="true"
   />
+  <div v-if="shouldShowLocalNetworkHint" class="center-block-custom">
+    <div class="width700">
+      <n-alert type="error" role="alert">
+        Подключитесь к Wi-Fi организатора и обновите страницу.
+      </n-alert>
+    </div>
+  </div>
   <div
+    v-else
     class="center-block-custom bottom-margin smooth-scroll"
     :class="{ 'game-finished': game?.status === 'finish' }"
     ref="scrollContainer"
   >
-    <div v-if="uiStore.environment === 'prod' && game?.export?.state === 'ready'" class="width700">
-      <n-alert type="info" role="status">
-        Подключитесь к Wi-Fi организатора и обновите страницу.
-      </n-alert>
-    </div>
     <div v-if="game?.status === 'finish'" class="width700">
       <MessagePaper role="status">
         <div class="font">Игра завершена. Спасибо за участие!</div>