@dcrackel/hematournamentui 1.0.280 → 1.0.281

package/package.json

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

package/src/stories/Molecules/Buttons/BaseButton/BaseButton.vue

@@ -68,7 +68,7 @@ export default {
         tertiary: `px-2.5 py-0.5 items-center gap-2.5 rounded-md text-center justify-center border border-dropdownSelect hover:bg-dropdownSelect ${props.selected ? 'bg-primary' : 'bg-tertiary'}`,
         bright: `px-3 py-1 items-center gap-2.5 rounded-md text-center justify-center hover:bg-primary text-neutral ${props.selected ? 'bg-primary' : 'bg-bright'}`,
         admin: `px-2.5 py-2 items-center rounded-md gap-2.5 text-center my-1 text-neutral hover:bg-primaryHighlight ${props.selected ? 'bg-primary' : 'bg-primary'}`,
-        adminSecondary: `px-2.5 py-2 rounded-xl items-center gap-2.5 text-center my-1 pb-2 border-b border-secondary hover:bg-bright w-11/12 text-neutral ${props.selected ? 'bg-primary' : 'bg-primary'}`,
+        adminSecondary: `px-2.5 py-2 rounded-xl items-center gap-2.5 text-center my-1 pb-2 border-b border-secondary hover:bg-bright w-full text-neutral ${props.selected ? 'bg-primary' : 'bg-primary'}`,
         iconOnly: `px-0.5 items-center rounded-full text-center text-tertiary shadow border border-dropdownSelect justify-center bg-primaryHighlight`,
         editor: `px-1 items-center rounded-md text-center justify-center hover:bg-tertiary`,
         square: `p-8 my-3 items-center gap-2.5 rounded-md text-center shadow border border-dropdownSelect justify-center hover:bg-tertiary ${props.selected ? 'bg-dropdownSelect' : 'bg-neutral'}`,

package/src/stories/Organisms/Headers/PoolResultsHeader/PoolResultsHeader.vue

@@ -10,7 +10,7 @@
       <div class="mt-1 w-10 mr-3">
         <BaseIcon icon-name="fa-chart-simple-horizontal" size="3xl" color="quaternary" class="" />
       </div>
-      <div v-if="event.Status === 'results' || event.Status === 'de' || event.Status === 'completed'" class="w-full">
+      <div v-if="event.Status === 'live' || event.Status === 'results' || event.Status === 'de' || event.Status === 'completed'" class="w-full">
         <BaseText text="Pool Standings and Results" size="lg" color="quaternary" weight="bold" class="" />
         <div class="grid grid-cols-3">
           <div class="flex">

package/src/stories/Templates/Menus/Admin/AdminLeftMenu.stories.js

@@ -19,10 +19,10 @@ const Template = args => ({
 
 export const Default = {
     args: {
-        items: [
-            {text: 'Home', link: '/'},
-            {text: 'Category', link: '/category'},
-            {text: 'Product', link: ''}
+        buttons: [
+            { label: 'Tournaments', iconName: 'fa-trophy' },
+            { label: 'Clubs', iconName: 'fa-users'  },
+            { label: 'People', iconName: 'fa-user-group'  }
         ]
     }
 };

package/src/stories/Templates/Menus/Admin/AdminLeftMenu.vue

@@ -7,29 +7,33 @@
         </div>
       </div>
     </section>
-    <section class="flex flex-col p-2 h-full">
+
+     <section class="flex flex-col p-2 h-full w-full px-4">
       <BaseButton
           v-for="button in buttons"
           :label="button.label"
-          iconClass="fa-solid fa-trophy text-white"
-          type="admin"
-          hover="admin"
+          :iconName="button.iconName"
+          type="adminSecondary"
+          size="md"
           @click="handleButtonClick(button)"
       />
     </section>
-    <section class="flex flex-col justify-end p-2 flex-grow">
-      <div class="border-t border-neutral pt-2">
+
+    <section class="flex flex-col justify-end flex-grow">
+      <div class="border-t border-neutral p-4 ">
         <BaseButton
-            iconClass="fa-solid fa-circle-user text-textSecondary"
+            iconName="fa-user"
             label="Account"
             type="adminSecondary"
-            @click="handleButtonClick(button)"
+            size="md"
+            @click="handleAccount()"
         />
         <BaseButton
-            iconClass="fa-solid fa-right-to-bracket fa-rotate-180 text-textSecondary"
+            iconName="fa-right-to-bracket"
             label="Log Out"
             type="adminSecondary"
-            @click="handleButtonClick(button)"
+            size="md"
+            @click="handleLogOut()"
         />
       </div>
     </section>
@@ -56,7 +60,13 @@ export default {
   },
   methods: {
     handleButtonClick(button) {
-      this.$emit('button-click', button);
+      this.$emit('button:Click', button);
+    },
+    handleAccount() {
+      this.$emit('button:Account');
+    },
+    handleLogOut() {
+      this.$emit('button:Logout');
     }
   }
 };