@dcrackel/hematournamentui 1.0.706 → 1.0.708

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

@@ -1,61 +1,70 @@
 <template>
-  <div class="flex items-center border py-1 border-dropdownSelect rounded-lg shadow-lg bg-white w-full hover:border-bright"
-       :class="detail ? 'my-1  ' : ''" @click="handleEditClick">
-    <div class="md:mr-4 md:border-r border-dropdownSelect h-12 md:h-16 md:w-10 items-center text-center pl-1 md:pl-1 pt-3 md:pt-4">
-      <BaseText :text="place" size="" color="quaternary" weight="bold" class="text-md md:text-xl"/>
+  <div
+    class="flex items-center border py-1 border-dropdownSelect rounded-lg shadow-lg bg-white w-full hover:border-bright"
+    :class="detail ? 'my-1  ' : ''"
+    @click="handleEditClick"
+  >
+    <div
+      class="md:mr-4 md:border-r border-dropdownSelect h-12 md:h-16 md:w-10 items-center text-center pl-1 md:pl-1 pt-3 md:pt-4"
+    >
+      <BaseText :text="place" size="" color="quaternary" weight="bold" class="text-md md:text-xl" />
     </div>
     <div class="hidden md:flex mr-4 w-16">
       <div v-if="!portraitURL" class="w-12 h-12 rounded-full bg-dropdownSelect items-center justify-center">
-        <BaseText text="" size="sm" color="neutral" weight="bold"/>
+        <BaseText text="" size="sm" color="neutral" weight="bold" />
       </div>
-      <img v-if="portraitURL" :src="portraitURL" alt="Portrait" class="h-12 rounded-full object-cover">
-      <img v-if="clubImageURL" :src="clubImageURL" alt="Club Logo"
-           class="absolute w-7 h-7 rounded-full mt-8 ml-10 border border-neutral z-10">
+      <img v-if="portraitURL" :src="portraitURL" alt="Portrait" class="h-12 rounded-full object-cover" />
+      <img
+        v-if="clubImageURL"
+        :src="clubImageURL"
+        alt="Club Logo"
+        class="absolute w-7 h-7 rounded-full mt-8 ml-10 border border-neutral z-10"
+      />
     </div>
 
     <div class="flex md:hidden flex-col justify-start ml-2">
-      <img :src="portraitURL || missingPortrait" alt="Portrait" class="w-16 h-10 rounded-full object-cover">
+      <img :src="portraitURL || missingPortrait" alt="Portrait" class="w-16 h-10 rounded-full object-cover" />
     </div>
 
     <div class="flex flex-col w-3/4 justify-start ml-4 md:ml-0">
       <span class="w-full flex justify-start">
-        <BaseText :text="fullName" size="" color="quaternary" weight="bold" class="text-sm md:text-lg"/>
+        <BaseText :text="fullName" size="" color="quaternary" weight="bold" class="text-sm md:text-lg" />
       </span>
       <span class="w-full flex flex-col justify-start">
-        <BaseText :text="clubName" size="" color="quinary" weight="normal" class="text-xs md:text-md text-nowrap"/>
+        <BaseText :text="clubName" size="" color="quinary" weight="normal" class="text-xs md:text-md text-nowrap" />
       </span>
     </div>
     <section class="flex items-center justify-end w-1/2 pr-4 space-x-4">
       <div v-if="parseInt(HandShotCount) > 0" class="flex flex-col items-center w-12 md:w-1/12">
-        <BaseIcon iconName="fa-hand" size="sm" color="quinary" class="opacity-50"/>
-        <BaseText :text="HandShotCount" size="" color="quaternary" weight="bold" class="text-xs md:text-sm"/>
+        <BaseIcon iconName="fa-hand" size="sm" color="quinary" class="opacity-50" />
+        <BaseText :text="HandShotCount" size="" color="quaternary" weight="bold" class="text-xs md:text-sm" />
       </div>
       <div v-if="HRrating" class="flex flex-col items-center w-12 md:w-1/12 pt-1 mr-2">
-        <BaseText :text="'HR'" size="xs" color="quinary" weight="normal"/>
-        <BaseText :text="HRrating" size="" color="quaternary" weight="bold" class="text-xs md:text-sm"/>
+        <BaseText :text="'HR'" size="xs" color="quinary" weight="normal" />
+        <BaseText :text="HRrating" size="" color="quaternary" weight="bold" class="text-xs md:text-sm" />
       </div>
       <div v-if="M2Rating" class="flex flex-col items-center w-12 md:w-1/12 pt-1">
-        <BaseText :text="'M²'" size="xs" color="quinary" weight="normal"/>
-        <BaseText :text="M2Rating" size="" color="quaternary" weight="bold" class="text-xs md:text-sm"/>
+        <BaseText :text="'M²'" size="xs" color="quinary" weight="normal" />
+        <BaseText :text="M2Rating" size="" color="quaternary" weight="bold" class="text-xs md:text-sm" />
       </div>
       <div v-if="Awarded" class="flex flex-col items-center w-12 md:w-1/12">
-        <BaseText :text="'Earned'" size="xs" color="quinary" weight="normal"/>
-        <BaseText :text="Awarded" size="sm" color="quaternary" weight="bold"/>
+        <BaseText :text="'Earned'" size="xs" color="quinary" weight="normal" />
+        <BaseText :text="Awarded" size="sm" color="quaternary" weight="bold" />
       </div>
     </section>
-
-
   </div>
 </template>
 
 <script>
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
+import BaseText from '../../../Atoms/Text/BaseText.vue';
+import BaseIcon from '../../../Atoms/Icon/BaseIcon.vue';
 import missingPortrait from '../../../../assets/portrait1.png';
 
+const getFirstImageUrl = record => record?.Images?.[0]?.URL;
+
 export default {
   name: 'FencerFinalResultCard',
-  components: {BaseIcon, BaseText},
+  components: { BaseIcon, BaseText },
   emits: ['edit'],
   props: {
     result: {
@@ -88,7 +97,9 @@ export default {
       return this.localData?.Images?.[0]?.URL ?? this.localData?.Person?.Images?.[0]?.URL ?? '';
     },
     clubImageURL() {
-      return this.localData?.Club?.Images?.[0]?.URL ?? this.localData?.Person?.Club?.Images?.[0]?.URL ?? null;
+      const resultClubImage = getFirstImageUrl(this.localData?.Club);
+      const personClubImage = getFirstImageUrl(this.localData?.Person?.Club);
+      return resultClubImage ?? personClubImage ?? null;
     },
     M2Rating() {
       return this.localData?.M2Rating ?? '';
@@ -128,7 +139,7 @@ export default {
       if (this.dataSource === 'search') {
         this.$emit('edit', this.localData.PersonId);
       }
-    },
+    }
   }
 };
 </script>

package/src/stories/Organisms/Cards/FencerPoolResultsCard/FencerPoolResults.stories.js

@@ -2,40 +2,40 @@ import FencerPoolResultsCard from './FencerPoolResultsCard.vue';
 import getPoolResults from '../../../../mocks/getPoolResults.js';
 
 export default {
-    title: 'Organisms/Cards/FencerPoolResultsCard',
-    component: FencerPoolResultsCard,
-    tags: ['autodocs'],
-    args: {
-        person: getPoolResults[0],
-        status: "results"
-    },
-    argTypes: {
-        person: {
-            control: { type: 'object' },
-            status: { control: 'text' }
-        }
+  title: 'Organisms/Cards/FencerPoolResultsCard',
+  component: FencerPoolResultsCard,
+  tags: ['autodocs'],
+  args: {
+    person: getPoolResults[0],
+    status: 'results'
+  },
+  argTypes: {
+    person: {
+      control: { type: 'object' },
+      status: { control: 'text' }
     }
+  }
 };
 
 export const Default = {
-    args: {
-        person: getPoolResults.report[0] ,
-        status: "results"
-    }
+  args: {
+    person: getPoolResults.report[0],
+    status: 'results'
+  }
 };
 
 let modifiedResults = { ...getPoolResults.report[7], Promoted: false };
 export const Alternative = {
-    args: {
-        person: modifiedResults,
-        status: "results"
-    }
+  args: {
+    person: modifiedResults,
+    status: 'results'
+  }
 };
 
 modifiedResults = { ...getPoolResults.report[9], Promoted: false };
 export const NotInResultsStatus = {
-    args: {
-        person: modifiedResults,
-        status: "de"
-    }
+  args: {
+    person: modifiedResults,
+    status: 'de'
+  }
 };

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

@@ -1,25 +1,49 @@
 <template>
-  <div class="flex justify-between border border-dropdownSelect rounded-lg shadow-lg bg-white hover:border-bright w-full" :class="person.Promoted ? '' : 'opacity-50'" >
+  <div
+    class="flex justify-between border border-dropdownSelect rounded-lg shadow-lg bg-white hover:border-bright w-full"
+    :class="person.Promoted ? '' : 'opacity-50'"
+  >
     <div class="mr-4 w-10 border-r border-dropdownSelect h-12 items-center text-center">
-      <BaseIcon v-if="fencingMovable" icon-name="fa-caret-up" size="sm" :color="person.Position === 1 ? 'neutral' : 'quinary'" :hover="person.Position === 1 ? 'neutral' : 'bright'" class="m-0" @click="handelMoveUp" />
-      <BaseText :text="person.Position" :size="fencingMovable ? 'sm' : 'lg'" color="quaternary" weight="bold" :class="fencingMovable ? '-my-2' : 'mt-3'" />
-      <BaseIcon v-if="fencingMovable" icon-name="fa-caret-down" size="sm" :color="isLast ? 'neutral' : 'quinary'" :hover="isLast ? 'neutral' : 'bright'" @click="handelMoveDown" />
+      <BaseIcon
+        v-if="fencingMovable"
+        icon-name="fa-caret-up"
+        size="sm"
+        :color="person.Position === 1 ? 'neutral' : 'quinary'"
+        :hover="person.Position === 1 ? 'neutral' : 'bright'"
+        class="m-0"
+        @click="handelMoveUp"
+      />
+      <BaseText
+        :text="person.Position"
+        :size="fencingMovable ? 'sm' : 'lg'"
+        color="quaternary"
+        weight="bold"
+        :class="fencingMovable ? '-my-2' : 'mt-3'"
+      />
+      <BaseIcon
+        v-if="fencingMovable"
+        icon-name="fa-caret-down"
+        size="sm"
+        :color="isLast ? 'neutral' : 'quinary'"
+        :hover="isLast ? 'neutral' : 'bright'"
+        @click="handelMoveDown"
+      />
     </div>
     <div class="hidden md:flex mr-4 w-10 mt-1">
       <div v-if="!portraitURL" class="w-10 h-10 rounded-xl bg-dropdownSelect flex items-center justify-center">
-        <BaseText text="" size="sm" color="neutral" weight="bold"/>
+        <BaseText text="" size="sm" color="neutral" weight="bold" />
       </div>
-      <img v-if="portraitURL" :src="portraitURL" alt="Portrait" class="w-10 h-10 rounded-xl">
+      <img v-if="portraitURL" :src="portraitURL" alt="Portrait" class="w-10 h-10 rounded-xl" />
     </div>
     <div class="flex flex-col w-2/4 justify-star">
       <span class="w-full flex justify-start">
-        <BaseText :text="fullName" size="" color="quaternary" weight="bold" class="text-xs mt-1 md:mt-0 md:text-sm"/>
+        <BaseText :text="fullName" size="" color="quaternary" weight="bold" class="text-xs mt-1 md:mt-0 md:text-sm" />
       </span>
       <span class="w-full hidden md:flex justify-start">
-        <BaseText :text="person.Club" size="xs" color="quinary" weight="normal"/>
+        <BaseText :text="person.Club" size="xs" color="quinary" weight="normal" />
       </span>
       <span class="w-full flex md:hidden justify-start mt-1">
-        <BaseText :text="person.ClubShortName" size="xs" color="quinary" weight="normal"/>
+        <BaseText :text="person.ClubShortName" size="xs" color="quinary" weight="normal" />
       </span>
     </div>
     <div class="flex flex-col w-2/4 pt-1 overflow-x-auto">
@@ -30,29 +54,72 @@
         <BaseText text="PS" size="xs" color="quaternary" class="flex-1 text-center" />
         <BaseText text="PG" size="xs" color="quaternary" class="flex-1 text-center" />
         <BaseText text="Ind" size="xs" color="quaternary" class="flex-1 text-center" />
-        <BaseIcon  v-if="handShots" iconName="fa-hand" size="xs" color="quaternary" class="flex-1 text-center" />
-        <BaseIcon  v-if="doubles" iconName="fa-burst" size="xs" color="quaternary" class="flex-1 text-center" />
+        <BaseIcon v-if="handShots" iconName="fa-hand" size="xs" color="quaternary" class="flex-1 text-center" />
+        <BaseIcon v-if="doubles" iconName="fa-burst" size="xs" color="quaternary" class="flex-1 text-center" />
       </div>
       <div class="flex mt-1 min-w-[300px]">
-        <BaseText v-if="promotionByTop" :text="person.PoolName" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="`${person.WinPercentage}%`" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="`${person.TotalWins}/${person.TotalDefeats}`" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="person.PointsScored" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="person.PointsGiven" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText :text="person.Indicator" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText v-if="handShots" :text="person.HandShots" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
-        <BaseText v-if="doubles" :text="person.Doubles" size="xs" color="primary" weight="bold" class="flex-1 text-center"/>
+        <BaseText
+          v-if="promotionByTop"
+          :text="person.PoolName"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
+        <BaseText
+          :text="`${person.WinPercentage}%`"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
+        <BaseText
+          :text="`${person.TotalWins}/${person.TotalDefeats}`"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
+        <BaseText :text="person.PointsScored" size="xs" color="primary" weight="bold" class="flex-1 text-center" />
+        <BaseText :text="person.PointsGiven" size="xs" color="primary" weight="bold" class="flex-1 text-center" />
+        <BaseText :text="person.Indicator" size="xs" color="primary" weight="bold" class="flex-1 text-center" />
+        <BaseText
+          v-if="handShots"
+          :text="person.HandShots"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
+        <BaseText
+          v-if="doubles"
+          :text="person.Doubles"
+          size="xs"
+          color="primary"
+          weight="bold"
+          class="flex-1 text-center"
+        />
       </div>
     </div>
-    <div v-if="status === 'results'" class="hidden md:block ml-4 border-l border-dropdownSelect h-12 w-12 items-center text-center hover:bg-eventBoxRed rounded-tr-lg rounded-br-lg">
-      <BaseIcon icon-name="fa-circle-xmark" size="2xl" color="quinary" class="pt-2" hover="alarm" @click="handlerRemoveFencer" />
+    <div
+      v-if="status === 'results'"
+      class="hidden md:block ml-4 border-l border-dropdownSelect h-12 w-12 items-center text-center hover:bg-eventBoxRed rounded-tr-lg rounded-br-lg"
+    >
+      <BaseIcon
+        icon-name="fa-circle-xmark"
+        size="2xl"
+        color="quinary"
+        class="pt-2"
+        hover="alarm"
+        @click="handlerRemoveFencer"
+      />
     </div>
   </div>
 </template>
 
 <script>
-import BaseText from "../../../Atoms/Text/BaseText.vue";
-import BaseIcon from "../../../Atoms/Icon/BaseIcon.vue";
+import BaseText from '../../../Atoms/Text/BaseText.vue';
+import BaseIcon from '../../../Atoms/Icon/BaseIcon.vue';
 
 export default {
   name: 'FencerPoolResultsCard',
@@ -104,15 +171,15 @@ export default {
     }
   },
   methods: {
-    handlerRemoveFencer(){
+    handlerRemoveFencer() {
       this.$emit('remove:person', this.person);
     },
-    handelMoveUp(){
+    handelMoveUp() {
       if (this.person.Position > 1) this.$emit('update:moveUp', this.person);
     },
-    handelMoveDown(){
-      if(!this.isLast) this.$emit('update:moveDown', this.person);
-    },
+    handelMoveDown() {
+      if (!this.isLast) this.$emit('update:moveDown', this.person);
+    }
   }
 };
 </script>

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

@@ -1,79 +1,78 @@
 import ImportFencerCard from './ImportFencerCard.vue';
 
 export default {
-    title: 'Organisms/Cards/ImportFencerCard',
-    component: ImportFencerCard,
-    argTypes: {
-        eventId: { control: 'number' },
-        fencerData: { control: 'object' },
-        'match:selected': { action: 'match:selected' },
-        'person:add-new': { action: 'person:add-new' },
-    },
+  title: 'Organisms/Cards/ImportFencerCard',
+  component: ImportFencerCard,
+  argTypes: {
+    eventId: { control: 'number' },
+    fencerData: { control: 'object' },
+    'match:selected': { action: 'match:selected' },
+    'person:add-new': { action: 'person:add-new' }
+  }
 };
 
 export const Default = {
-args: {
+  args: {
     eventId: 101,
     fencerData: {
-        hsName: 'JJ Conlon',
-        hsClub: 'Columbus Saber Academy',
-        club: 'Columbus Saber Academy',
-        matched: true,
-        personId: 48,
-        possibleMatches: [
-            {
-                personId: 48,
-                name: 'JJ Conlon',
-                club: 'Columbus Saber Academy',
-                score: 0,
-                confidence: 100,
-                confidenceLabel: 'Match',
-            },
-        ],
-    },
-}
+      hsName: 'JJ Conlon',
+      hsClub: 'Columbus Saber Academy',
+      club: 'Columbus Saber Academy',
+      matched: true,
+      personId: 48,
+      possibleMatches: [
+        {
+          personId: 48,
+          name: 'JJ Conlon',
+          club: 'Columbus Saber Academy',
+          score: 0,
+          confidence: 100,
+          confidenceLabel: 'Match'
+        }
+      ]
+    }
+  }
 };
 
-
 export const FuzzyMatch = {
-args: {
+  args: {
     eventId: 101,
     fencerData: {
-        hsName: 'Robert Smith',
-        hsClub: 'East Coast HEMA',
-        matched: false,
-        personId: null,
-        possibleMatches: [
-            {
-                personId: 21,
-                name: 'Bob Smith',
-                club: 'East Coast HEMA',
-                score: 0.2,
-                confidence: 85,
-                confidenceLabel: 'Likely',
-            },
-            {
-                personId: 22,
-                name: 'Robert Smith',
-                club: 'West Coast HEMA',
-                score: 0.3,
-                confidence: 70,
-                confidenceLabel: 'Possible',
-            },
-        ],
-    },
+      hsName: 'Robert Smith',
+      hsClub: 'East Coast HEMA',
+      matched: false,
+      personId: null,
+      possibleMatches: [
+        {
+          personId: 21,
+          name: 'Bob Smith',
+          club: 'East Coast HEMA',
+          score: 0.2,
+          confidence: 85,
+          confidenceLabel: 'Likely'
+        },
+        {
+          personId: 22,
+          name: 'Robert Smith',
+          club: 'West Coast HEMA',
+          score: 0.3,
+          confidence: 70,
+          confidenceLabel: 'Possible'
+        }
+      ]
     }
+  }
 };
 
 export const NoMatch = {
-    args : {
-        eventId: 101,
-        fencerData: {
-            hsName: 'Sam Unknown',
-            hsClub: 'Mystery Club',
-            matched: false,
-            personId: null,
-            possibleMatches: [],
-        },
+  args: {
+    eventId: 101,
+    fencerData: {
+      hsName: 'Sam Unknown',
+      hsClub: 'Mystery Club',
+      matched: false,
+      personId: null,
+      possibleMatches: []
     }
+  }
 };

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

@@ -8,22 +8,28 @@
         <BaseText :text="clubDisplay" size="sm" color="quinary" class="pt-1" />
       </div>
 
-      <div class="flex-1"></div> <!-- expanding space -->
+      <div class="flex-1"></div>
+      <!-- expanding space -->
 
       <div v-if="isFuzzyMatch" class="flex items-end w-96">
         <select v-model="selectedPersonId" class="border rounded px-2 w-full h-10 mr-4 text-quaternary">
           <option :value="null">
-            <BaseText :text="hsName + ' (No Match)'" size="xs" color="quaternary" weight="bold"/>
+            <BaseText :text="hsName + ' (No Match)'" size="xs" color="quaternary" weight="bold" />
           </option>
           <option v-for="match in fencerData.possibleMatches" :key="match.personId" :value="match.personId" class="we3">
-            <BaseText :text="match.name + ' - ' + match.club + ' (' + match.confidenceLabel + ')'" size="xs" color="quaternary" weight="bold" />
+            <BaseText
+              :text="match.name + ' - ' + match.club + ' (' + match.confidenceLabel + ')'"
+              size="xs"
+              color="quaternary"
+              weight="bold"
+            />
           </option>
         </select>
         <BaseButton
-            :label="selectedPersonId === null ? 'Add New' : 'Confirm Match'"
-            size="sm"
-            class="self-end w-44"
-            @buttonClick="selectedPersonId === null ? emitAddNew() : emitMatch()"
+          :label="selectedPersonId === null ? 'Add New' : 'Confirm Match'"
+          size="sm"
+          class="self-end w-44"
+          @buttonClick="selectedPersonId === null ? emitAddNew() : emitMatch()"
         />
       </div>
 

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

@@ -1,44 +1,44 @@
 import DisplayCard from './KioskCard.vue';
-import getAllStaffByTournamentId from "../../../../mocks/getAllStaffByTournamentId.js";
-import getEventByTournamentId from "../../../../mocks/getEventByTournamentId.js";
-import getCLubDisplayByClubId from "../../../../mocks/getClubDisplayByClubId.js";
+import getAllStaffByTournamentId from '../../../../mocks/getAllStaffByTournamentId.js';
+import getEventByTournamentId from '../../../../mocks/getEventByTournamentId.js';
+import getCLubDisplayByClubId from '../../../../mocks/getClubDisplayByClubId.js';
 
 export default {
-    title: 'Organisms/Cards/KioskCard',
-    component: DisplayCard,
-    tags: ['autodocs'],
-    args: {
-        displayObject: getCLubDisplayByClubId[0],
-        assignedTo: { text: "Dave Smith", link: "1" },
-        assignedToEvent: { text: "Cats and things", link: "1" },
-        staffDropDown: getAllStaffByTournamentId,
-        eventDropDown: getEventByTournamentId
-    },
-    argTypes: {
-        displayObject:  { control: { type: 'object' } },
-        assignedTo: { control: { type: 'object' } },
-        assignedToEvent: { control: { type: 'object' } },
-        staffDropDown: { control: { type: 'array' } },
-        eventDropDown: { control: { type: 'array' } },
-    },
+  title: 'Organisms/Cards/KioskCard',
+  component: DisplayCard,
+  tags: ['autodocs'],
+  args: {
+    displayObject: getCLubDisplayByClubId[0],
+    assignedTo: { text: 'Dave Smith', link: '1' },
+    assignedToEvent: { text: 'Cats and things', link: '1' },
+    staffDropDown: getAllStaffByTournamentId,
+    eventDropDown: getEventByTournamentId
+  },
+  argTypes: {
+    displayObject: { control: { type: 'object' } },
+    assignedTo: { control: { type: 'object' } },
+    assignedToEvent: { control: { type: 'object' } },
+    staffDropDown: { control: { type: 'array' } },
+    eventDropDown: { control: { type: 'array' } }
+  }
 };
 
 export const Default = {
-    args: {
-        displayObject: getCLubDisplayByClubId[1],
-        assignedTo: { text: "Dave Smith", link: "1" },
-        assignedToEvent: { text: "Cats and things", link: "1" },
-        staffDropDown: getAllStaffByTournamentId,
-        eventDropDown: getEventByTournamentId
-    },
+  args: {
+    displayObject: getCLubDisplayByClubId[1],
+    assignedTo: { text: 'Dave Smith', link: '1' },
+    assignedToEvent: { text: 'Cats and things', link: '1' },
+    staffDropDown: getAllStaffByTournamentId,
+    eventDropDown: getEventByTournamentId
+  }
 };
 
 export const WithInitialCount = {
-    args: {
-        displayObject: getCLubDisplayByClubId[4],
-        assignedTo: { text: "Jenny Jones", link: "2" },
-        assignedToEvent: { text: "Cats and things", link: "1" },
-        staffDropDown: getAllStaffByTournamentId,
-        eventDropDown: getEventByTournamentId
-    },
+  args: {
+    displayObject: getCLubDisplayByClubId[4],
+    assignedTo: { text: 'Jenny Jones', link: '2' },
+    assignedToEvent: { text: 'Cats and things', link: '1' },
+    staffDropDown: getAllStaffByTournamentId,
+    eventDropDown: getEventByTournamentId
+  }
 };