warning when localplayer is unknown

TheDarkNoise · May 18, 2023 · c2f6f87 · c2f6f87
1 parent 39ad470
commit c2f6f87
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/src/components/DamageMeter/DamageMeterTable.vue b/src/components/DamageMeter/DamageMeterTable.vue
@@ -1,5 +1,30 @@
 <template>
   <div class="damage-meter-table-wrapper" :style="wrapperStyle">
+    <div
+      class="damage-meter-warning row"
+      v-if="
+        !hideMeterWarning &&
+        sessionState.damageStatistics.totalDamageDealt > 0 &&
+        (sessionState.localPlayer === '' || sessionState.localPlayer === 'You')
+      "
+    >
+      <span class="col"
+        >Warning: Data may be invalid, please start the meter before entering
+        your raid</span
+      >
+      <q-btn
+        icon="close"
+        size="0.6em"
+        flat
+        dense
+        round
+        @click="
+          () => {
+            hideMeterWarning = true;
+          }
+        "
+      ></q-btn>
+    </div>
     <table class="damage-meter-table">
       <thead>
         <q-menu touch-position context-menu>
@@ -754,6 +779,7 @@ import {
 } from "../../util/helpers";
 
 const settingsStore = useSettingsStore();
+let hideMeterWarning = false;
 
 // TODO: move these to a pinia store
 const props = defineProps({
@@ -1404,6 +1430,13 @@ const sortedEffectiveShieldingBuffs: ComputedRef<
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.damage-meter-warning {
+  font-family: "Segoe UI", "Segoe UI", "sans-serif";
+  text-align: center;
+  width: 100%;
+  background-color: #fa5b55;
+  font-size: 11px;
+}
 .damage-meter-table-wrapper {
   overflow-y: scroll;
 }