@dcrackel/hematournamentui 1.0.607 → 1.0.608

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.607",
+  "version": "1.0.608",
   "type": "module",
   "main": "dist/HemaTournamentUI-lib.umd.js",
   "module": "dist/HemaTournamentUI-lib.es.js",

package/src/stories/Templates/EventManagement/PoolLive/PoolLive.vue

@@ -5,7 +5,7 @@
                  @update:selection="handleViewChange" :connectedToServer="connectedToServer" class="hidden md:block" />
 
     <section v-if="viewName === 'Pool Grid'" class="hidden md:block">
-      <PoolGrid  :bouts="bouts"/>
+      <PoolGrid  :bouts="localBouts"/>
     </section>
 
     <section>
@@ -55,7 +55,7 @@
     </section>
     </section>
 
-    <DirectorModal :bout="selectedBout" :eventRules="eventRules" :hostingClubColors="hostingClubColors"
+    <DirectorModal :bout="currentSelectedBout" :eventRules="eventRules" :hostingClubColors="hostingClubColors"
                    :show="showDirectorModal"
                    @penalty:add="handleUpdatePenalty"
                    @penalty:update="handleAddPenalty"
@@ -64,7 +64,7 @@
                    @update:bout="handleUpdateBout"
                    @submit:bout="handleSubmitBout"/>
 
-    <EditBoutModal :bout="selectedBout" :eventRules="eventRules" :hostingClubColors="hostingClubColors"
+    <EditBoutModal :bout="currentSelectedBout" :eventRules="eventRules" :hostingClubColors="hostingClubColors"
                    :show="showEditBoutModal"
                    @update:closeModal="handleCloseModal"
                    @submit:bout="handleEditBout"/>
@@ -125,6 +125,7 @@ export default {
   },
   data() {
     return {
+      localBouts: this.bouts,
       showDirectorModal: false,
       showEditBoutModal: false,
       selectedBout: {},
@@ -135,10 +136,11 @@ export default {
   },
   watch: {
     bouts: {
-      handler() { //newBouts
-        this.$forceUpdate();
+      handler(newBouts) {
+        this.localBouts = newBouts;
       },
-      deep: true,
+      immediate: true,
+      deep: true
     }
   },
   mounted() {
@@ -148,6 +150,9 @@ export default {
     window.removeEventListener('resize', this.handleResize);
   },
   computed: {
+    currentSelectedBout() {
+      return this.localBouts.find(b => b.BoutId === this.selectedBout.BoutId) || this.selectedBout;
+    },
     isMobile() {
       return this.windowWidth <= 748;
     },
@@ -155,13 +160,13 @@ export default {
       return this.event?.EventRules || {};
     },
     upcomingBouts() {
-      return this.bouts.filter(bout => bout.Status === 'Scheduled');
+      return this.localBouts.filter(bout => bout.Status === 'Scheduled');
     },
     completedBouts() {
-      return this.bouts.filter(bout => bout.Status === 'Completed');
+      return this.localBouts.filter(bout => bout.Status === 'Completed');
     },
     activeBouts() {
-      return this.bouts.filter(bout => bout.Status === 'Active');
+      return this.localBouts.filter(bout => bout.Status === 'Active');
     },
     hasActiveBout() {
       return this.activeBouts.length > 0;
@@ -191,7 +196,7 @@ export default {
       this.showEditBoutModal = false;
 
       if (bout.Status !== 'Completed') {
-        const updatedBout = this.bouts.find(b => b.BoutId === bout.BoutId);
+        const updatedBout = this.localBouts.find(b => b.BoutId === bout.BoutId);
         if (updatedBout) {
           updatedBout.Status = 'Scheduled';
           updatedBout.Score1 = 0;
@@ -228,7 +233,7 @@ export default {
     handleSubmitBout(bout, resetToActive = false) {
       this.showEditBoutModal = false;
       this.showDirectorModal = false;
-      const updatedBout = this.bouts.find(b => b.BoutId === bout.BoutId);
+      const updatedBout = this.localBouts.find(b => b.BoutId === bout.BoutId);
 
       Object.assign(updatedBout, bout);
       if (!resetToActive) updatedBout.Status = 'Completed';
@@ -237,10 +242,10 @@ export default {
       this.$emit('submit:bout', updatedBout);
     },
     directBout(bout) {
-      const activeBouts = this.bouts.filter(b => b.Status === 'Active');
+      const activeBouts = this.localBouts.filter(b => b.Status === 'Active');
       activeBouts.forEach(b => b.Status = 'Scheduled');
 
-      const updatedBout = this.bouts.find(b => b.BoutId === bout.BoutId);
+      const updatedBout = this.localBouts.find(b => b.BoutId === bout.BoutId);
 
       if (updatedBout) {
         updatedBout.Status = 'Active';
@@ -250,7 +255,7 @@ export default {
       this.$emit('update:directing-bout', updatedBout)
     },
     editBout(bout) {
-      const updatedBout = this.bouts.find(b => b.BoutId === bout.BoutId);
+      const updatedBout = this.localBouts.find(b => b.BoutId === bout.BoutId);
       if (updatedBout) {
         this.showEditBoutModal = true;
         this.selectedBout = bout;
@@ -260,6 +265,7 @@ export default {
       this.windowWidth = window.innerWidth;
     },
     handleUpdatePenalty(penalty) {
+
       this.$emit('penalty:update', penalty);
     },
     handleAddPenalty(penalty) {