aesthetic changes

fixed back arrow on match-editor added match-editor link on match pages
Pigmice2733 · Dec 14, 2023 · 83c8aa6 · 83c8aa6
1 parent 4793467
commit 83c8aa6
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/src/components/match-card.tsx b/src/components/match-card.tsx
@@ -45,6 +45,9 @@ const matchTitleStyle = css`
   grid-row: span 2;
   white-space: nowrap;
   margin: 0.3rem 0.6rem;
+  display: flex;
+  align-items: center;
+
   & > * {
     margin: 0.3rem 0;
   }
@@ -85,6 +88,11 @@ const blueStyle = css`
   background-color: var(--alliance-blue);
 `
 
+const pencilIconStyle = css`
+  width: 1rem;
+  aspect-ratio: 1;
+`
+
 export const MatchDetailsCard = memo(
   ({ match, eventKey, link, class: className, isAdmin }: MatchCardProps) => {
     const matchName = formatMatchKey(match.key)
@@ -117,6 +125,7 @@ export const MatchDetailsCard = memo(
             <IconButton
               icon={mdiPencil}
               href={`/events/${eventKey}/matches/${match.key}/editor`}
+              class={pencilIconStyle}
             />
           )}
         </div>

diff --git a/src/routes/event-match.tsx b/src/routes/event-match.tsx
@@ -29,6 +29,7 @@ import {
   ConnectionType,
   useNetworkConnection,
 } from '@/utils/use-network-connection'
+import { useJWT } from '@/jwt'
 
 interface Props {
   eventKey: string
@@ -160,6 +161,10 @@ const EventMatch = ({ eventKey, matchKey }: Props) => {
     }
   }, [match, isOnline])
 
+  const { jwt } = useJWT()
+  const isAdmin =
+    jwt && (jwt.peregrineRoles.isAdmin || jwt.peregrineRoles.isSuperAdmin)
+
   return (
     // page setup
     <Page
@@ -211,7 +216,11 @@ const EventMatch = ({ eventKey, matchKey }: Props) => {
                 </div>
               </Card>
             )}
-            <MatchDetailsCard match={match} eventKey={eventKey} />
+            <MatchDetailsCard
+              match={match}
+              eventKey={eventKey}
+              isAdmin={isAdmin || false}
+            />
             {reports && reports.length > 0 ? (
               <MatchReports
                 match={match}

diff --git a/src/routes/match-editor.tsx b/src/routes/match-editor.tsx
@@ -125,7 +125,7 @@ const MatchEditor = ({
   eventKey: string
   matchKey: string
 }) => (
-  <Page name={'Edit Match'} back={`/events/${eventKey}/events/${matchKey}`}>
+  <Page name={'Edit Match'} back={`/events/${eventKey}/matches/${matchKey}`}>
     <Card class={cardStyle}>
       <ErrorBoundary>
         <EditorForm eventKey={eventKey} matchKey={matchKey} />