@dcrackel/hematournamentui 1.0.28 → 1.0.31

package/package.json

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

package/src/index.js

@@ -10,6 +10,7 @@ export { default as TournamentCardDetail } from './stories/Molecules/Cards/Detai
 export { default as TournamentCardHeader } from './stories/Molecules/Cards/Header/TournamentCardHeader.vue';
 export { default as FilterAndSortBar } from './stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue';
 export { default as FilterUpcomingPast } from './stories/Molecules/Filters/FilterUpcomingPast/FilterUpcomingPast.vue';
+export { default as Modal } from './stories/Molecules/Modal/Modal.vue';
 
 export { default as AddressAutocomplete } from './stories/Organisms/AddressAutocomplete/AddressAutocomplete.vue';
 export { default as DatePicker } from './stories/Organisms/DatePicker/DatePicker.vue';

package/src/stories/Molecules/Modal/Modal.stories.js

@@ -0,0 +1,20 @@
+import Modal from './Modal.vue';
+
+export default {
+    title: 'Molecules/Modal',
+    component: Modal,
+    tags: ['autodocs'],
+};
+
+const Template = (args) => ({
+    components: { Modal },
+    setup() {
+        return { args };
+    },
+    template: '<Modal v-bind="args" />',
+});
+
+export const Default = Template.bind({});
+Default.args = {
+    show: true,
+};

package/src/stories/Molecules/Modal/Modal.vue

@@ -0,0 +1,29 @@
+<template>
+  <div v-if="show" class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full" @click="close">
+    <div class="relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white">
+      <div class="mt-3 text-center">
+        <p class="text-lg leading-6 font-medium text-gray-900">Your tournament has been added</p>
+        <div class="mt-4">
+          <button class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" @click="close">OK</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:show'],
+  methods: {
+    close() {
+      this.$emit('update:show', false);
+    }
+  }
+};
+</script>

package/src/stories/Templates/Forms/AddTournamentPageTwo/AddTournamentPageTwo.vue

@@ -78,8 +78,13 @@ export default {
     }
   },
   created() {
+    // Check if externalLinks exists and is an array. If not, initialize it as an empty array.
+    if (!Array.isArray(this.localTournament.externalLinks)) {
+      this.localTournament.externalLinks = [];
+    }
+
     if (this.localTournament.externalLinks.length === 0) {
-      this.localTournament.externalLinks = [{url: '', valid: true}]
+      this.localTournament.externalLinks.push({ url: "", valid: true });
     }
   },
   methods: {