@dcrackel/hematournamentui 1.0.706 → 1.0.707

package/src/stories/Util/Validations/AddNewPersonModalValidation.js

@@ -1,22 +1,26 @@
 export function validateField(field, value) {
-    const rules = {
-        displayName: [
-            { check: v => !v || v.trim().length === 0, message: "Must have a name." },
-            { check: v => v.trim().length < 3, message: "Must be at least 3 characters." }
-        ],
-        legalName: [
-            { check: v => !v || v.trim().length === 0, message: "Must have a name." },
-            { check: v => v.trim().length < 3, message: "Must be at least 3 characters." }
-        ],
-        selectedClub: [
-            { check: v => !v || (typeof v === 'string' && v.trim().length === 0) || (typeof v === 'object' && (!v.text || v.text.trim().length === 0)), message: "Please select a Club." }
-        ]
-    };
+  const rules = {
+    displayName: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 3, message: 'Must be at least 3 characters.' }
+    ],
+    legalName: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 3, message: 'Must be at least 3 characters.' }
+    ],
+    selectedClub: [
+      {
+        check: v =>
+          !v ||
+          (typeof v === 'string' && v.trim().length === 0) ||
+          (typeof v === 'object' && (!v.text || v.text.trim().length === 0)),
+        message: 'Please select a Club.'
+      }
+    ]
+  };
 
-    const ruleSet = rules[field] || [];
-    const failedRule = ruleSet.find(rule => rule.check(value));
+  const ruleSet = rules[field] || [];
+  const failedRule = ruleSet.find(rule => rule.check(value));
 
-    return failedRule
-        ? { invalid: true, message: failedRule.message }
-        : { invalid: false, message: "" };
-}
+  return failedRule ? { invalid: true, message: failedRule.message } : { invalid: false, message: '' };
+}

package/src/stories/Util/Validations/ClubManagementValidations.js

@@ -1,25 +1,21 @@
 export function validateField(field, value) {
-    const specialCharRegex = /[^a-zA-Z0-9\s]/; // Allows letters, numbers, and spaces
-    const rules = {
-        Name: [
-            { check: v => !v || v.trim().length === 0, message: "Club Name is required." },
-            { check: v => v.trim().length < 3, message: "Club Name must be at least 3 characters." },
-            { check: v => specialCharRegex.test(v), message: "Club Name cannot contain special characters." }
-        ],
-        ShortName: [
-            { check: v => !v || v.trim().length === 0, message: "Club Short Name is required." },
-            { check: v => v.trim().length < 3, message: "Club Short Name must be at least 3 characters." },
-            { check: v => specialCharRegex.test(v), message: "Club Short Name cannot contain special characters." }
-        ],
-        Address: [
-            { check: v => !v || Object.keys(v).length === 0, message: "Address is required." }
-        ]
-    };
+  const specialCharRegex = /[^a-zA-Z0-9\s]/; // Allows letters, numbers, and spaces
+  const rules = {
+    Name: [
+      { check: v => !v || v.trim().length === 0, message: 'Club Name is required.' },
+      { check: v => v.trim().length < 3, message: 'Club Name must be at least 3 characters.' },
+      { check: v => specialCharRegex.test(v), message: 'Club Name cannot contain special characters.' }
+    ],
+    ShortName: [
+      { check: v => !v || v.trim().length === 0, message: 'Club Short Name is required.' },
+      { check: v => v.trim().length < 3, message: 'Club Short Name must be at least 3 characters.' },
+      { check: v => specialCharRegex.test(v), message: 'Club Short Name cannot contain special characters.' }
+    ],
+    Address: [{ check: v => !v || Object.keys(v).length === 0, message: 'Address is required.' }]
+  };
 
-    const ruleSet = rules[field] || [];
-    const failedRule = ruleSet.find(rule => rule.check(value));
+  const ruleSet = rules[field] || [];
+  const failedRule = ruleSet.find(rule => rule.check(value));
 
-    return failedRule
-        ? { invalid: true, message: failedRule.message }
-        : { invalid: false, message: "" };
+  return failedRule ? { invalid: true, message: failedRule.message } : { invalid: false, message: '' };
 }

package/src/stories/Util/Validations/PersonManagementValidations.js

@@ -1,25 +1,29 @@
 export function validateField(field, value) {
-    const rules = {
-        DisplayName: [
-            { check: v => !v || v.trim().length === 0, message: "Must have a name." },
-            { check: v => v.trim().length < 3, message: "Must be at least 3 characters." }
-        ],
-        LegalName: [
-            { check: v => !v || v.trim().length === 0, message: "Must have a name." },
-            { check: v => v.trim().length < 4, message: "Must be at least 4 characters." }
-        ],
-        EmailAddress: [
-            { check: v => v && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), message: "Must be a valid email address." }
-        ],
-        SelectedClub: [
-            { check: v => !v || (typeof v === 'string' && v.trim().length === 0) || (typeof v === 'object' && (!v.text || v.text.trim().length === 0)), message: "Please select a Club." }
-        ],
-    };
+  const rules = {
+    DisplayName: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 3, message: 'Must be at least 3 characters.' }
+    ],
+    LegalName: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 4, message: 'Must be at least 4 characters.' }
+    ],
+    EmailAddress: [
+      { check: v => v && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v), message: 'Must be a valid email address.' }
+    ],
+    SelectedClub: [
+      {
+        check: v =>
+          !v ||
+          (typeof v === 'string' && v.trim().length === 0) ||
+          (typeof v === 'object' && (!v.text || v.text.trim().length === 0)),
+        message: 'Please select a Club.'
+      }
+    ]
+  };
 
-    const ruleSet = rules[field] || [];
-    const failedRule = ruleSet.find(rule => rule.check(value));
+  const ruleSet = rules[field] || [];
+  const failedRule = ruleSet.find(rule => rule.check(value));
 
-    return failedRule
-        ? { invalid: true, message: failedRule.message }
-        : { invalid: false, message: "" };
-}
+  return failedRule ? { invalid: true, message: failedRule.message } : { invalid: false, message: '' };
+}

package/src/stories/Util/Validations/TournamentFieldsValidations.js

@@ -1,21 +1,23 @@
 export function validateField(field, value) {
-    const rules = {
-        Name: [
-            { check: v => !v || v.trim().length === 0, message: "Must have a name." },
-            { check: v => v.trim().length < 3, message: "Must be at least 3 characters." }
-        ],
-        Address: [
-            { check: v => !v || (typeof v === 'string' && v.trim().length === 0) || (typeof v === 'object' && (!v.Name || v.Name.trim().length === 0)), message: "Must select a location." }
-        ],
-        TotalDays: [
-            { check: v => !v || isNaN(v) || v < 1, message: "" }
-        ]
-    };
+  const rules = {
+    Name: [
+      { check: v => !v || v.trim().length === 0, message: 'Must have a name.' },
+      { check: v => v.trim().length < 3, message: 'Must be at least 3 characters.' }
+    ],
+    Address: [
+      {
+        check: v =>
+          !v ||
+          (typeof v === 'string' && v.trim().length === 0) ||
+          (typeof v === 'object' && (!v.Name || v.Name.trim().length === 0)),
+        message: 'Must select a location.'
+      }
+    ],
+    TotalDays: [{ check: v => !v || isNaN(v) || v < 1, message: '' }]
+  };
 
-    const ruleSet = rules[field] || [];
-    const failedRule = ruleSet.find(rule => rule.check(value));
+  const ruleSet = rules[field] || [];
+  const failedRule = ruleSet.find(rule => rule.check(value));
 
-    return failedRule
-        ? { invalid: true, message: failedRule.message }
-        : { invalid: false, message: "" };
-}
+  return failedRule ? { invalid: true, message: failedRule.message } : { invalid: false, message: '' };
+}

package/src/stories/Util/seeding.js

@@ -1,163 +1,163 @@
 export const PoolSize3 = [
-    [1, 3],
-    [2, 3],
-    [3, 1],
-    [1, 2]
+  [1, 3],
+  [2, 3],
+  [3, 1],
+  [1, 2]
 ];
 
 export const PoolSize4 = [
-    [1, 4],
-    [2, 3],
-    [1, 3],
-    [2, 4],
-    [3, 4],
-    [1, 2]
+  [1, 4],
+  [2, 3],
+  [1, 3],
+  [2, 4],
+  [3, 4],
+  [1, 2]
 ];
 
 export const PoolSize5 = [
-    [1, 2],
-    [3, 4],
-    [5, 1],
-    [2, 3],
-    [5, 4],
-    [1, 3],
-    [2, 5],
-    [4, 1],
-    [3, 5],
-    [4, 2]
+  [1, 2],
+  [3, 4],
+  [5, 1],
+  [2, 3],
+  [5, 4],
+  [1, 3],
+  [2, 5],
+  [4, 1],
+  [3, 5],
+  [4, 2]
 ];
 
 // Pool of 6 — 15 bouts
 export const PoolSize6 = [
-    [1, 2],
-    [4, 5],
-    [2, 3],
-    [5, 6],
-    [3, 1],
-    [6, 4],
-    [2, 5],
-    [1, 4],
-    [5, 3],
-    [1, 6],
-    [4, 2],
-    [3, 6],
-    [5, 1],
-    [3, 4],
-    [6, 2]
+  [1, 2],
+  [4, 5],
+  [2, 3],
+  [5, 6],
+  [3, 1],
+  [6, 4],
+  [2, 5],
+  [1, 4],
+  [5, 3],
+  [1, 6],
+  [4, 2],
+  [3, 6],
+  [5, 1],
+  [3, 4],
+  [6, 2]
 ];
 
 // Pool of 7 — 21 bouts
 export const PoolSize7 = [
-    [1, 4],
-    [2, 5],
-    [3, 6],
-    [7, 1],
-    [5, 4],
-    [2, 3],
-    [6, 7],
-    [5, 1],
-    [4, 3],
-    [6, 2],
-    [5, 7],
-    [3, 1],
-    [4, 6],
-    [7, 2],
-    [3, 5],
-    [1, 6],
-    [2, 4],
-    [7, 3],
-    [6, 5],
-    [1, 2],
-    [4, 7]
+  [1, 4],
+  [2, 5],
+  [3, 6],
+  [7, 1],
+  [5, 4],
+  [2, 3],
+  [6, 7],
+  [5, 1],
+  [4, 3],
+  [6, 2],
+  [5, 7],
+  [3, 1],
+  [4, 6],
+  [7, 2],
+  [3, 5],
+  [1, 6],
+  [2, 4],
+  [7, 3],
+  [6, 5],
+  [1, 2],
+  [4, 7]
 ];
 
 // Pool of 8 — 28 bouts
 export const PoolSize8 = [
-    [2, 3],
-    [1, 5],
-    [7, 4],
-    [6, 8],
-    [1, 2],
-    [3, 4],
-    [5, 6],
-    [8, 7],
-    [4, 1],
-    [5, 2],
-    [8, 3],
-    [6, 7],
-    [4, 2],
-    [8, 1],
-    [7, 5],
-    [3, 6],
-    [2, 8],
-    [5, 4],
-    [6, 1],
-    [3, 7],
-    [4, 8],
-    [2, 6],
-    [3, 5],
-    [1, 7],
-    [4, 6],
-    [8, 5],
-    [7, 2],
-    [1, 3]
+  [2, 3],
+  [1, 5],
+  [7, 4],
+  [6, 8],
+  [1, 2],
+  [3, 4],
+  [5, 6],
+  [8, 7],
+  [4, 1],
+  [5, 2],
+  [8, 3],
+  [6, 7],
+  [4, 2],
+  [8, 1],
+  [7, 5],
+  [3, 6],
+  [2, 8],
+  [5, 4],
+  [6, 1],
+  [3, 7],
+  [4, 8],
+  [2, 6],
+  [3, 5],
+  [1, 7],
+  [4, 6],
+  [8, 5],
+  [7, 2],
+  [1, 3]
 ];
 
 export const PoolSize9 = [
-    [1, 9],
-    [2, 8],
-    [3, 7],
-    [4, 6],
-    [1, 5],
-    [2, 9],
-    [8, 3],
-    [7, 4],
-    [6, 5],
-    [1, 2],
-    [9, 3],
-    [8, 4],
-    [7, 5],
-    [6, 1],
-    [3, 2],
-    [9, 4],
-    [5, 8],
-    [7, 6],
-    [3, 1],
-    [2, 4],
-    [5, 9],
-    [8, 6],
-    [7, 1],
-    [4, 3],
-    [5, 2],
-    [6, 9],
-    [8, 7],
-    [4, 1],
-    [5, 3],
-    [6, 2],
-    [9, 7],
-    [1, 8],
-    [4, 5],
-    [3, 6],
-    [2, 7],
-    [9, 8]
+  [1, 9],
+  [2, 8],
+  [3, 7],
+  [4, 6],
+  [1, 5],
+  [2, 9],
+  [8, 3],
+  [7, 4],
+  [6, 5],
+  [1, 2],
+  [9, 3],
+  [8, 4],
+  [7, 5],
+  [6, 1],
+  [3, 2],
+  [9, 4],
+  [5, 8],
+  [7, 6],
+  [3, 1],
+  [2, 4],
+  [5, 9],
+  [8, 6],
+  [7, 1],
+  [4, 3],
+  [5, 2],
+  [6, 9],
+  [8, 7],
+  [4, 1],
+  [5, 3],
+  [6, 2],
+  [9, 7],
+  [1, 8],
+  [4, 5],
+  [3, 6],
+  [2, 7],
+  [9, 8]
 ];
 
 export const PoolOrdersBySize = {
-    3: PoolSize3,
-    4: PoolSize4,
-    5: PoolSize5,
-    6: PoolSize6,
-    7: PoolSize7,
-    8: PoolSize8,
-    9: PoolSize9,
+  3: PoolSize3,
+  4: PoolSize4,
+  5: PoolSize5,
+  6: PoolSize6,
+  7: PoolSize7,
+  8: PoolSize8,
+  9: PoolSize9
 };
 
 export function getPoolOrder(poolSize) {
-    return PoolOrdersBySize[poolSize] ? [...PoolOrdersBySize[poolSize]] : [];
+  return PoolOrdersBySize[poolSize] ? [...PoolOrdersBySize[poolSize]] : [];
 }
 
 // (optional) keep this only if you use it elsewhere; it returns strings
 export function formatPoolOrderForLegend(poolSize) {
-    const order = getPoolOrder(poolSize);
-    return order.map(([a, b]) => `#${a} vs #${b}`);
-}
+  const order = getPoolOrder(poolSize);
+  return order.map(([a, b]) => `#${a} vs #${b}`);
+}

package/src/stories/Util/tabs.js

@@ -1,85 +1,85 @@
 export const tabs = (role, isMobile) => {
-    if (role.toLocaleLowerCase() === 'admin' || role.toLocaleLowerCase() === 'club') {
-        if (isMobile) {
-            return [
-                {
-                    id: 'Settings',
-                    label: 'Settings',
-                    color: 'primaryHighlight',
-                    icon: 'fa-cog',
-                    group: 'Settings',
-                    children: [
-                        {id: 'Edit', label: 'Edit', color: 'primaryHighlight', icon: 'fa-pencil-alt'},
-                        {id: 'Staff', label: 'Staff', color: 'primaryHighlight', icon: 'fa-users-cog'},
-                        {id: 'Displays', label: 'Displays', color: 'primaryHighlight', icon: 'fa-tv'},
-                        {id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards-blank'},
-                    ],
-                },
-                {id: 'Checkin', label: 'Checkin', color: 'primaryHighlight', icon: 'fa-clipboard-check'},
-                {id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords'},
-                {id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar'},
-                {id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap'},
-                {id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy'},
-            ];
-        }
-
-        return [
-            {id: 'Edit', label: 'Edit', color: 'primaryHighlight', icon: 'fa-pencil-alt'},
-            {id: 'Staff', label: 'Staff', color: 'primaryHighlight', icon: 'fa-users-cog'},
-            {id: 'Displays', label: 'Displays', color: 'primaryHighlight', icon: 'fa-tv'},
-            {id: 'Checkin', label: 'Checkin', color: 'primaryHighlight', icon: 'fa-clipboard-check'},
-            {id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords'},
-            {id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar'},
-            {id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap'},
-            {id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy'},
-            {id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards'},
-        ];
+  if (role.toLocaleLowerCase() === 'admin' || role.toLocaleLowerCase() === 'club') {
+    if (isMobile) {
+      return [
+        {
+          id: 'Settings',
+          label: 'Settings',
+          color: 'primaryHighlight',
+          icon: 'fa-cog',
+          group: 'Settings',
+          children: [
+            { id: 'Edit', label: 'Edit', color: 'primaryHighlight', icon: 'fa-pencil-alt' },
+            { id: 'Staff', label: 'Staff', color: 'primaryHighlight', icon: 'fa-users-cog' },
+            { id: 'Displays', label: 'Displays', color: 'primaryHighlight', icon: 'fa-tv' },
+            { id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards-blank' }
+          ]
+        },
+        { id: 'Checkin', label: 'Checkin', color: 'primaryHighlight', icon: 'fa-clipboard-check' },
+        { id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords' },
+        { id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar' },
+        { id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap' },
+        { id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy' }
+      ];
     }
 
-    if (role.toLocaleLowerCase() === 'director') {
-        return [
-            {id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords'},
-            {id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar'},
-            {id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap'},
-            {id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy'},
-            {id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards-blank'},
-        ]
-    }
+    return [
+      { id: 'Edit', label: 'Edit', color: 'primaryHighlight', icon: 'fa-pencil-alt' },
+      { id: 'Staff', label: 'Staff', color: 'primaryHighlight', icon: 'fa-users-cog' },
+      { id: 'Displays', label: 'Displays', color: 'primaryHighlight', icon: 'fa-tv' },
+      { id: 'Checkin', label: 'Checkin', color: 'primaryHighlight', icon: 'fa-clipboard-check' },
+      { id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords' },
+      { id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar' },
+      { id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap' },
+      { id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy' },
+      { id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards' }
+    ];
+  }
 
-    return [];
-};
+  if (role.toLocaleLowerCase() === 'director') {
+    return [
+      { id: 'Pools', label: 'Pools', color: 'primaryHighlight', icon: 'fa-swords' },
+      { id: 'Pool Results', label: 'Pool Results', color: 'primaryHighlight', icon: 'fa-chart-bar' },
+      { id: 'Bracket', label: 'Bracket', color: 'primaryHighlight', icon: 'fa-sitemap' },
+      { id: 'Final', label: 'Final Results', color: 'primaryHighlight', icon: 'fa-trophy' },
+      { id: 'Penalties', label: 'Penalties', color: 'primaryHighlight', icon: 'fa-cards-blank' }
+    ];
+  }
 
-export const personProfileTabs = (role) => {
-    if (role.toLocaleLowerCase() === 'admin') {
-        return [
-            {id: 'Basic', label: 'Basic', color: 'primaryHighlight', icon: 'fa-info-circle'},
-            {id: 'Admin', label: 'Administration', color: 'primaryHighlight', icon: 'fa-gear'},
-            // {id: 'Stats', label: 'Statistics', color: 'primaryHighlight', icon: 'fa-trophy '},
-            {id: 'Attendance', label: 'Attendance', color: 'primaryHighlight', icon: 'fa-user-check'},
-        ]
-    }
+  return [];
+};
 
-    if (role.toLocaleLowerCase() === 'club') {
-        return [
-            {id: 'Basic', label: 'Basic', color: 'primaryHighlight', icon: 'fa-info-circle'},
-            {id: 'Admin', label: 'Administration', color: 'primaryHighlight', icon: 'fa-gear'},
-            // {id: 'Stats', label: 'Statistics', color: 'primaryHighlight', icon: 'fa-trophy '},
-            {id: 'Attendance', label: 'Attendance', color: 'primaryHighlight', icon: 'fa-user-check'},
-        ]
-    }
+export const personProfileTabs = role => {
+  if (role.toLocaleLowerCase() === 'admin') {
+    return [
+      { id: 'Basic', label: 'Basic', color: 'primaryHighlight', icon: 'fa-info-circle' },
+      { id: 'Admin', label: 'Administration', color: 'primaryHighlight', icon: 'fa-gear' },
+      // {id: 'Stats', label: 'Statistics', color: 'primaryHighlight', icon: 'fa-trophy '},
+      { id: 'Attendance', label: 'Attendance', color: 'primaryHighlight', icon: 'fa-user-check' }
+    ];
+  }
 
+  if (role.toLocaleLowerCase() === 'club') {
     return [
-        {id: 'Basic', label: 'Basic', color: 'primaryHighlight', icon: 'fa-info-circle'},
-        // {id: 'Stats', label: 'Statistics', color: 'primaryHighlight', icon: 'fa-trophy'},
-        {id: 'Attendance', label: 'Attendance', color: 'primaryHighlight', icon: 'fa-user-check'},
-    ]
-}
+      { id: 'Basic', label: 'Basic', color: 'primaryHighlight', icon: 'fa-info-circle' },
+      { id: 'Admin', label: 'Administration', color: 'primaryHighlight', icon: 'fa-gear' },
+      // {id: 'Stats', label: 'Statistics', color: 'primaryHighlight', icon: 'fa-trophy '},
+      { id: 'Attendance', label: 'Attendance', color: 'primaryHighlight', icon: 'fa-user-check' }
+    ];
+  }
+
+  return [
+    { id: 'Basic', label: 'Basic', color: 'primaryHighlight', icon: 'fa-info-circle' },
+    // {id: 'Stats', label: 'Statistics', color: 'primaryHighlight', icon: 'fa-trophy'},
+    { id: 'Attendance', label: 'Attendance', color: 'primaryHighlight', icon: 'fa-user-check' }
+  ];
+};
 
 export const tournamentTabs = () => {
-    return [
-        {id: 'Basic', label: 'Basic', color: 'primaryHighlight', icon: 'fa-info-circle'},
-        {id: 'Hosting', label: 'Hosting', color: 'primaryHighlight', icon: 'fa-globe-pointer'},
-        {id: 'Events', label: 'Events', color: 'primaryHighlight', icon: 'fa-swords'},
-        {id: 'ResultsImport', label: 'Results', color: 'primaryHighlight', icon: 'fa-swords'},
-    ]
-}
+  return [
+    { id: 'Basic', label: 'Basic', color: 'primaryHighlight', icon: 'fa-info-circle' },
+    { id: 'Hosting', label: 'Hosting', color: 'primaryHighlight', icon: 'fa-globe-pointer' },
+    { id: 'Events', label: 'Events', color: 'primaryHighlight', icon: 'fa-swords' },
+    { id: 'ResultsImport', label: 'Results', color: 'primaryHighlight', icon: 'fa-swords' }
+  ];
+};