@dcrackel/hematournamentui 1.0.144 → 1.0.145

package/package.json

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

package/src/stories/Atoms/Input/BaseInput.vue

@@ -19,7 +19,7 @@ export default {
   components: {BaseIcon},
   props: {
     placeholder: {
-      type: String,
+      type: [String, Number],
       default: ''
     },
     value: {

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

@@ -6,9 +6,9 @@
       <div class="w-full flex flex-col justify-center items-center mb-6" style="text-align: center">
         <div v-if="events.length === 0">
           <img alt="Small desert scene with wind blowing." class="w-96" :src="emptyDesertIcon" />
-          <BaseText :color="'primaryHighlight'" :size="'lf'" :text="'0 events added yet.'"
+          <BaseText :color="'primaryHighlight'" :size="'lg'" :text="'0 events added yet.'"
                     :weight="'normal'" data-testid="text-num-events"/>
-          <BaseText :color="'primaryHighlight'" :size="'lf'" :text="'Click below to add first event.'"
+          <BaseText :color="'primaryHighlight'" :size="'md'" :text="'Click below to add first event.'"
                     :weight="'normal'" data-testid="text-num-events"/>
         </div>
 

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

@@ -40,6 +40,7 @@ const modifiedBouts = getPoolsWithBoutsByPoolId.pools[0].Bouts.map(bout => ({
     ...bout,
     Status: 'Completed'
 }));
+
 export const allBoutsComplete = {
     args: {
         bouts: modifiedBouts,

package/src/stories/Templates/TournamentManagement/EditTournament/EditBasic/EditTournamentBasicInfo.stories.js

@@ -1,27 +1,29 @@
 import EditTournamentBasicInfo from './EditTournamentBasicInfo.vue';
+import mockLocation from '../../../../../mocks/locationMock.js';
+import mockTournaments from '../../../../../mocks/tournamentMock.js';
 
 export default {
     title: 'Templates/TournamentManagement/EditTournament/EditBasicInfo',
     component: EditTournamentBasicInfo,
     tags: ['autodocs'],
-    args: {},
-    argTypes: {}
+    args: {
+        tournament: mockTournaments[0],
+        locations: mockLocation
+    },
+    argTypes: {
+        tournament: {
+            control: Object
+        },
+        locations: {
+            control: Object
+        }
+    }
 };
 
 
 export const Default = {
     args: {
-        tournament: {
-            tournamentId: 1234,
-            name: 'Ultimate',
-            imageLink: '',
-            address: '123 Winchester St',
-            coordinates: '',
-            startDate: '',
-            totalDays: 1,
-            description: '',
-            visibility: '',
-            externalLinks: []
-        },
+        tournament: mockTournaments[0],
+        locations: mockLocation
     }
 };

package/src/stories/Templates/TournamentManagement/EditTournament/EditBasic/EditTournamentBasicInfo.vue

@@ -14,8 +14,8 @@
       </div>
       <div class="border-b border-dropdownSelect my-10"></div>
       <div class="mb-3">
-        <TitledInput :inputValue="localTournament.name" :invalid="validation.name" :placeholder="localTournament.name"
-                     :title="'Tournament Name'" @update:value="value => localTournament.name = value"/>
+        <TitledInput :inputValue="localTournament.Name" :invalid="validation.name" :placeholder="localTournament.Name"
+                     :title="'Tournament Name'" @update:value="value => localTournament.Name = value"/>
       </div>
       <div class="mb-3">
         <BaseText :color="'primaryHighlight'" :invalid="validation.address" :size="'sm'" :text="'Address'"
@@ -34,12 +34,12 @@
           <BaseText :color="'primaryHighlight'" :invalid="validation.startDate" :size="'sm'" :text="'Start Date'"
                     :weight="'normal'"
                     class="mb-1 ml-1" data-testid="text-start-date"/>
-          <DatePicker :invalid="validation.startDate" :setDate="tournament.startDate"
+          <DatePicker :invalid="validation.startDate" :setDate="tournament.StartDate"
                       @update:selectedDate="handleDateUpdate"/>
         </div>
         <div class="flex flex-col w-1/2 ml-1">
           <BaseText :color="'primaryHighlight'" class="mb-1 ml-1" text="Total Days"/>
-          <BaseInput :addBorder="true" :placeholder="localTournament.totalDays"/>
+          <BaseInput :addBorder="true" :placeholder="totalDays"/>
         </div>
       </div>
       <div class="flex flex-row justify-center my-10">
@@ -78,7 +78,7 @@ export default {
   },
   props: {
     tournament: {
-      type: Array,
+      type: Object,
       required: true
     },
     locations: {
@@ -88,7 +88,7 @@ export default {
   },
   data() {
     return {
-      localTournament: JSON.parse(JSON.stringify(this.tournament)),
+      localTournament: this.tournament,
       validation: {
         name: false,
         imageLink: false,
@@ -107,6 +107,18 @@ export default {
       ]
     }
   },
+  created() {
+    console.log(this.localTournament)
+  },
+  computed: {
+    totalDays() {
+      const startDate = new Date(this.localTournament.StartDate);
+      const endDate = new Date(this.localTournament.EndDate);
+      const timeDifference = endDate - startDate;
+      const dayDifference = timeDifference / (1000 * 60 * 60 * 24);
+      return dayDifference >= 0 ? Math.ceil(dayDifference) + 1 : 0;
+    }
+  },
   methods: {
     handleTabMenuClick(value) {
       this.$emit('tab:menu-click', value);