enabled checkmarks on event-match page

Pigmice2733 · Aug 30, 2024 · ce845c6 · ce845c6
1 parent 48c9faa
commit ce845c6
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 21 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/event-matches.tsx b/src/components/event-matches.tsx
@@ -80,13 +80,7 @@ export const EventMatches = ({ matches, eventKey }: Props) => {
       />
       <div class={matchListStyle}>
         {filteredMatches.map((m) => (
-          <MatchDetailsCard
-            eventKey={eventKey}
-            match={m}
-            key={m.key}
-            link
-            checkmark
-          />
+          <MatchDetailsCard eventKey={eventKey} match={m} key={m.key} link />
         ))}
       </div>
     </>

diff --git a/src/components/match-card.tsx b/src/components/match-card.tsx
@@ -20,7 +20,6 @@ interface MatchCardProps {
   eventKey: string
   link?: boolean
   class?: string
-  checkmark?: boolean
 }
 
 const matchCardStyle = css`
@@ -34,21 +33,22 @@ const matchCardStyle = css`
   & > time {
     grid-row: span 2;
     grid-column: 3;
-    place-self: center end;
+    place-self: center center;
     font-size: 0.85rem;
     color: var(--grey-text);
     white-space: nowrap;
     text-overflow: ellipsis;
+    margin-left: 0.3rem;
   }
 `
 
 const matchTitleStyle = css`
   font-weight: bold;
   grid-row: span 2;
   white-space: nowrap;
-  margin: 0.3rem 0.6rem;
-  align-content: end;
-  text-align: right;
+  margin: 0.3rem 0.3rem;
+  align-content: center;
+  text-align: center;
 
   & > * {
     margin: 0.3rem 0;
@@ -96,7 +96,7 @@ const checkmarkStyle = css`
 `
 
 export const MatchDetailsCard = memo(
-  ({ match, eventKey, link, class: className, checkmark }: MatchCardProps) => {
+  ({ match, eventKey, link, class: className }: MatchCardProps) => {
     const matchName = formatMatchKey(match.key)
 
     const createTeamLinks = (teams: string[]) =>
@@ -124,7 +124,7 @@ export const MatchDetailsCard = memo(
             <div class={matchNumStyle}>{`Match ${matchName.num}`}</div>
           )}
         </div>
-        {typeof match.redScore === 'number' && checkmark && (
+        {typeof match.redScore === 'number' && (
           <Icon icon={mdiCheckCircle} class={checkmarkStyle} />
         )}
         {match.time && (

diff --git a/src/routes/event.tsx b/src/routes/event.tsx
@@ -77,7 +77,6 @@ const Event = ({ eventKey }: Props) => {
             match={newestIncompleteMatch}
             eventKey={eventKey}
             link
-            checkmark
           />
         )}
         {matches ? (