Add loadout names to results table

weirdgloop · Feb 2, 2024 · 3c335ab · 3c335ab
1 parent ba41816
commit 3c335ab
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/app/components/results/ResultsContainer.tsx b/src/app/components/results/ResultsContainer.tsx
@@ -65,14 +65,14 @@ const ResultsTable: React.FC = observer(() => {
       <thead>
         <tr>
           <th aria-label="blank" className="bg-btns-400 border-r dark:bg-dark-500 select-none" />
-          {store.loadouts.map((_, i) => (
+          {store.loadouts.map(({ name }, i) => (
             <th
               // eslint-disable-next-line react/no-array-index-key
               key={i}
-              className={`text-center w-28 border-r font-bold font-serif cursor-pointer transition-colors ${selectedLoadout === i ? 'bg-orange-400 dark:bg-orange-700' : 'bg-btns-400 dark:bg-dark-500'}`}
+              className={`text-center w-28 border-r font-bold font-serif leading-tight cursor-pointer transition-colors ${selectedLoadout === i ? 'bg-orange-400 dark:bg-orange-700' : 'bg-btns-400 dark:bg-dark-500'}`}
               onClick={() => store.setSelectedLoadout(i)}
             >
-              {i + 1}
+              {name}
             </th>
           ))}
         </tr>