@dcrackel/hematournamentui 1.0.146 → 1.0.147

package/package.json

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

package/src/stories/Molecules/Cards/Detail/TournamentCardDetail.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col w-full pt-4 pb-3 px-3" @click="handleCardClick">
-    <BaseText :text="detail.Name" color="primary" size="xl" weight="semi-bold" />
-    <BaseText :text="detail.Address && detail.Address[0].Name" color="primary" size="sm" weight="normal" />
+    <BaseText :text="tournamentName" color="primary" size="xl" weight="semi-bold" />
+    <BaseText :text="address" color="primary" size="sm" weight="normal" />
     <div class="mt-4 flex flex-col">
       <div class="mt-4 flex flex-col h-20" >
         <span v-html="formattedDescription"></span>
@@ -32,25 +32,7 @@ export default {
   props: {
     detail: {
       type: Object,
-      required: true,
-      default: () => ({
-        TournamentId: null,
-        Name: '',
-        StartDate: '',
-        EndDate: '',
-        Description: '',
-        Address: [{
-          Name: '',
-          Address1: '',
-          City: '',
-          State: '',
-          Zip: null,
-          Coordinates: ''
-        }],
-        SocialMedia: [],
-        images: [],
-        tags: []
-      })
+      required: true
     }
   },
   data() {
@@ -67,6 +49,12 @@ export default {
     },
     isTruncated() {
       return this.detail.Description.length > 64;
+    },
+    address() {
+      return this.detail.Address && this.detail.Address.Name
+    },
+    tournamentName() {
+      return this.detail.Name;
     }
   },
   methods: {

package/src/stories/Organisms/Cards/TournamentCard/TournamentCard.stories.js

@@ -1,33 +1,12 @@
 import TournamentCard from './TournamentCard.vue';
+import mockTournaments from '../../../../mocks/tournamentMock.js';
 
 export default {
     title: 'Organisms/Cards/TournamentCard',
     component: TournamentCard,
     tags: ['autodocs'],
     args: {
-        detail: {
-            tournamentId: 1,
-            Name: 'Spring Open 2024',
-            StartDate: '2024-05-01',
-            EndDate: '2024-05-02',
-            Description: 'A prestigious HEMA tournament held in the spring.',
-            ClubId: 1,
-            AddressId: 1,
-            'Club.Name': 'HEMA Club',
-            Address: [{
-                Name: 'Tournament Venue',
-                Address1: '123 Fencing St.',
-                City: 'Springfield',
-                State: 'IL',
-                Zip: '62704',
-                Coordinates: '39.7817,-89.6501'
-            }],
-            SocialMedia: [],
-            images: [{
-                URL: 'https://www.adelaideswordacademy.com/uploads/1/0/7/0/10705704/published/longsword-k-fix.jpg?1609768554',
-            }],
-            tags: ['HEMA', 'Tournament', 'Spring'],
-        },
+        detail: mockTournaments[0],
     },
     argTypes: {
         detail: { control: 'object' },
@@ -36,54 +15,12 @@ export default {
 
 export const Default = {
     args: {
-        detail: {
-            tournamentId: 1,
-            Name: 'Spring Open 2024',
-            StartDate: '2024-05-01',
-            EndDate: '2024-05-02',
-            Description: 'A prestigious HEMA tournament held in the spring.',
-            ClubId: 1,
-            AddressId: 1,
-            'Club.Name': 'HEMA Club',
-            Address: [{
-                Name: 'Tournament Venue',
-                Address1: '123 Fencing St.',
-                City: 'Springfield',
-                State: 'IL',
-                Zip: '62704',
-                Coordinates: '39.7817,-89.6501'
-            }],
-            SocialMedia: [],
-            images: [{
-                URL: 'https://www.adelaideswordacademy.com/uploads/1/0/7/0/10705704/published/longsword-k-fix.jpg?1609768554',
-            }],
-            tags: ['HEMA', 'Tournament', 'Spring'],
-        },
+        detail: mockTournaments[4],
     }
 };
 
 export const WithoutImage = {
     args: {
-        detail: {
-            tournamentId: 2,
-            Name: 'Summer Duel 2024',
-            StartDate: '2024-07-15',
-            EndDate: '2024-07-16',
-            Description: 'A summer HEMA duel competition.',
-            ClubId: 2,
-            AddressId: 2,
-            'Club.Name': 'Summer Club',
-            Address: [{
-                Name: 'Summer Venue',
-                Address1: '456 Duel Ave.',
-                City: 'Summerfield',
-                State: 'TX',
-                Zip: '75001',
-                Coordinates: '32.7767,-96.7970'
-            }],
-            SocialMedia: [],
-            images: [],
-            tags: ['HEMA', 'Duel', 'Summer'],
-        },
+        detail: mockTournaments[1],
     }
 };

package/src/stories/Organisms/Cards/TournamentCard/TournamentCard.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="rounded-xl w-72 shadow border border-dropdownSelect hover:border-bright">
-    <TournamentHeader :artwork="detail.images && detail.images.length > 0 ? detail.images[0].URL : ''" :tags="detail.tags" @click="listEvents" />
+    <TournamentHeader :artwork="getImage" :tags="detail.tags" @click="listEvents" />
     <TournamentDetail :detail="detail" @listEvents="listEvents" @edit="handleEditClick"/>
   </div>
 </template>
@@ -18,28 +18,12 @@ export default {
   props: {
     detail: {
       type: Object,
-      required: true,
-      default: () => ({
-        tournamentId: null,
-        Name: '',
-        StartDate: '',
-        EndDate: '',
-        Description: '',
-        ClubId: null,
-        AddressId: null,
-        'Club.Name': '',
-        Address: [{
-          Name: '',
-          Address1: '',
-          City: '',
-          State: '',
-          Zip: null,
-          Coordinates: ''
-        }],
-        SocialMedia: [],
-        images: [],
-        tags: []
-      })
+      required: true
+    }
+  },
+  computed: {
+    getImage() {
+      return this.detail.Images && this.detail.Images.length > 0 ? this.detail.Images[0].URL : ''
     }
   },
   methods: {