From 9d5f8c5b55697cce0bf567b97b964f016920a975 Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Sat, 23 Aug 2025 23:24:35 -0500
Subject: [PATCH] more bracket refactoring again

---
 src/features/bracket/components/bracket-round.tsx | 12 +++---------
 src/features/bracket/components/bracket.tsx       |  2 +-
 src/features/bracket/components/match-card.tsx    |  6 +++---
 src/features/bracket/utils/bracket-maps.ts        | 15 +--------------
 4 files changed, 8 insertions(+), 27 deletions(-)

diff --git a/src/features/bracket/components/bracket-round.tsx b/src/features/bracket/components/bracket-round.tsx
index 3267e4f..af770ac 100644
--- a/src/features/bracket/components/bracket-round.tsx
+++ b/src/features/bracket/components/bracket-round.tsx
@@ -16,20 +16,14 @@ export const BracketRound: React.FC<BracketRoundProps> = ({
   getParentMatchOrder,
   onAnnounce,
 }) => {
-  const isMatchType = (type: string, expected: string) => {
-    return type?.toLowerCase() === expected.toLowerCase();
-  };
+  const isBye = (type: string) => type?.toLowerCase() === 'bye';
 
   return (
     <Flex direction="column" key={roundIndex} gap={24} justify="space-around">
       {matches.map((match, matchIndex) => {
         if (!match) return null;
-
-        // Handle bye matches
-        if (isMatchType(match.type, 'bye') || isMatchType(match.type, 'tbye')) {
-          return <Flex key={matchIndex}></Flex>;
-        }
-
+        if (isBye(match.type)) return <></>; // for spacing
+        
         return (
           <Flex
             direction="row"
diff --git a/src/features/bracket/components/bracket.tsx b/src/features/bracket/components/bracket.tsx
index a19b6d1..e431e48 100644
--- a/src/features/bracket/components/bracket.tsx
+++ b/src/features/bracket/components/bracket.tsx
@@ -13,7 +13,7 @@ interface BracketProps {
 const Bracket: React.FC<BracketProps> = ({ winners, losers, bracketMaps }) => {
   const height = useAppShellHeight();
 
-  if (!bracketMaps) return <p>Data not available.</p>
+  if (!bracketMaps) return <p>Bracket not available.</p>
 
   return (
     <ScrollArea
diff --git a/src/features/bracket/components/match-card.tsx b/src/features/bracket/components/match-card.tsx
index 0efe0b6..b9534d2 100644
--- a/src/features/bracket/components/match-card.tsx
+++ b/src/features/bracket/components/match-card.tsx
@@ -34,13 +34,13 @@ export const MatchCard: React.FC<MatchCardProps> = ({
       {match.reset && (
         <Text
           pos="absolute"
-          top={-8}
+          top={-20}
           left={8}
           size="xs"
-          c="orange"
+          c="dimmed"
           fw="bold"
         >
-          IF NECESSARY
+          * If necessary
         </Text>
       )}
       
diff --git a/src/features/bracket/utils/bracket-maps.ts b/src/features/bracket/utils/bracket-maps.ts
index 169cab3..bf58b6d 100644
--- a/src/features/bracket/utils/bracket-maps.ts
+++ b/src/features/bracket/utils/bracket-maps.ts
@@ -1,17 +1,4 @@
-interface Match {
-  lid: number;
-  round: number;
-  order: number | null;
-  type: string;
-  home: any;
-  away?: any;
-  reset?: boolean;
-}
-
-interface BracketData {
-  winners: Match[][];
-  losers: Match[][];
-}
+import { BracketData, Match } from "../types";
 
 export interface BracketMaps {
   matchByLid: Map<number, Match>;