Emil jiang gamedetails UI

app/src/main/graphql/GameById.graphql

@@ -0,0 +1,32 @@
+query GameById($id: String!) {
+    game(id: $id){
+        id
+        city
+        date
+        gender
+        location
+        opponentId
+        result
+        sport
+        state
+        time
+        scoreBreakdown
+        team {
+            id
+            color
+            image
+            name
+        }
+        boxScore {
+            team
+            period
+            time
+            description
+            scorer
+            assist
+            scoreBy
+            corScore
+            oppScore
+        }
+    }
+}

app/src/main/java/com/cornellappdev/score/components/FeaturedGameCard.kt

@@ -2,6 +2,7 @@ package com.cornellappdev.score.components
 
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -137,11 +138,13 @@ fun FeaturedGameCard(
     modifier: Modifier = Modifier,
     headerModifier: Modifier = Modifier,
     leftScore: Int? = null,
-    rightScore: Int? = null
+    rightScore: Int? = null,
+    onClick: () -> Unit = {}
 ) {
     Column(
         modifier = modifier
             .fillMaxWidth()
+            .clickable { onClick() }
     ) {
 
         FeaturedGameHeader(
@@ -172,7 +175,8 @@ fun FeaturedGameCard(
                         bottomStart = 16.dp,
                         bottomEnd = 16.dp
                     )
-                )
+                ),
+            onClick = onClick
         )
     }
 }

app/src/main/java/com/cornellappdev/score/components/GameCard.kt

@@ -57,7 +57,7 @@ fun GameCard(
     sportIcon: Painter,
     topCornerRound: Boolean,
     modifier: Modifier = Modifier,
-    onClick: (Boolean) -> Unit = {}
+    onClick: () -> Unit
 ) {
     val cardShape = if (topCornerRound) {
         RoundedCornerShape(16.dp) // Rounded all
@@ -89,7 +89,7 @@ fun GameCard(
                         )
                 }
             )
-            .clickable { onClick(false) }
+            .clickable { onClick() }
     ) {
         Column(
             modifier = Modifier
@@ -219,6 +219,7 @@ private fun GameCardPreview() = ScorePreview {
             sportIcon = painterResource(id = R.drawable.ic_baseball),
             topCornerRound = false,
             modifier = Modifier.padding(16.dp),
+            onClick = {}
         )
     }
 }

app/src/main/java/com/cornellappdev/score/components/GameScoreHeader.kt

@@ -28,16 +28,19 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import coil3.compose.AsyncImage
 import com.cornellappdev.score.R
 import com.cornellappdev.score.theme.Style.scoreHeaderText
 import com.cornellappdev.score.theme.Style.vsText
 
 @Composable
 fun GameScoreHeader(
     leftTeamLogo: Painter,
-    rightTeamLogo: Painter,
+    rightTeamLogo: String,
     gradientColor1: Color,
     gradientColor2: Color,
+    leftScore: Int,
+    rightScore: Int,
     modifier: Modifier = Modifier
 ) {
     Box(
@@ -64,7 +67,7 @@ fun GameScoreHeader(
 
             Row {
                 Text(
-                    text = "0",
+                    text = leftScore.toString(),
                     style = scoreHeaderText,
                     modifier = Modifier.width(52.dp),
                     textAlign = TextAlign.Center
@@ -76,15 +79,15 @@ fun GameScoreHeader(
                 )
 
                 Text(
-                    text = "0",
+                    text = rightScore.toString(),
                     style = scoreHeaderText,
                     modifier = Modifier.width(52.dp),
                     textAlign = TextAlign.Center
                 )
             }
 
-            Image(
-                painter = rightTeamLogo,
+            AsyncImage(
+                model = rightTeamLogo,
                 contentDescription = "Right Team Logo",
                 modifier = Modifier.height(70.dp)
             )
@@ -97,9 +100,11 @@ fun GameScoreHeader(
 private fun GameScoreHeaderPreview() = ScorePreview {
     GameScoreHeader(
         leftTeamLogo = painterResource(R.drawable.cornell_logo),
-        rightTeamLogo = painterResource(R.drawable.penn_logo),
+        rightTeamLogo = "https://images.sidearmdev.com/fit?url=https%3a%2f%2fdxbhsrqyrr690.cloudfront.net%2fsidearm.nextgen.sites%2fcornellbigred.com%2fimages%2flogos%2fpenn_200x200.png&height=80&width=80&type=webp",
         gradientColor1 = Color(0xFFE1A69F),
         gradientColor2 = Color(0xFF011F5B),
+        leftScore = 0,
+        rightScore = 0,
         modifier = Modifier.height(185.dp)
     )
 }

app/src/main/java/com/cornellappdev/score/components/GamesCarousel.kt

@@ -55,7 +55,8 @@ fun DotIndicator(
 @Composable
 fun GamesCarousel(
     games: List<GameCardData>,
-    modifier: Modifier = Modifier
+    onClick: (String) -> Unit,
+    modifier: Modifier = Modifier,
 ) {
     val pagerState = rememberPagerState(pageCount = { games.size })
     Column(
@@ -83,7 +84,8 @@ fun GamesCarousel(
                 modifier = Modifier,
                 headerModifier = Modifier,
                 gradientColor1 = CornellRed,
-                gradientColor2 = game.teamColor
+                gradientColor2 = game.teamColor,
+                onClick = { onClick(game.id) }
             )
         }
 
@@ -100,5 +102,5 @@ fun GamesCarousel(
 @Composable
 @Preview
 private fun GamesCarouselPreview() = ScorePreview {
-    GamesCarousel(gameList)
+    GamesCarousel(gameList, onClick = {})
 }

app/src/main/java/com/cornellappdev/score/components/NavigationHeader.kt

@@ -12,7 +12,6 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.draw.shadow
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
@@ -24,12 +23,12 @@ import com.cornellappdev.score.theme.Style.heading2
 fun NavigationHeader(title: String, onBackPressed: () -> Unit) {
     Box(
         modifier = Modifier
-             .shadow(elevation = 8.dp, clip = false, spotColor = Color.Black.copy(0.05f))
+             //.shadow(elevation = 8.dp, clip = false, spotColor = Color.Black.copy(0.05f))
              .background(Color.White)
     ) {
         Box(
             modifier = Modifier
-                 .padding(start = 24.dp, top = 56.dp, bottom = 12.dp, end = 24.dp)
+                 .padding(start = 24.dp, top = 24.dp, bottom = 12.dp, end = 24.dp)
                  .background(Color.White)
                  .fillMaxWidth()
                  .height(27.dp)
@@ -55,6 +54,6 @@ fun NavigationHeader(title: String, onBackPressed: () -> Unit) {
 
 @Preview
 @Composable
-private fun NavigationHeaderPreview() = ScorePreview {
-    NavigationHeader("Game Details", {})
+private fun NavigationHeaderPreview() {
+     NavigationHeader("Game Details", {})
 }

app/src/main/java/com/cornellappdev/score/components/PastGameCard.kt

@@ -47,7 +47,7 @@ import java.time.LocalDate
 fun PastGameCard(
     data: GameCardData,
     modifier: Modifier = Modifier,
-    onClick: (Boolean) -> Unit = {}
+    onClick: () -> Unit = {}
 ) {
     Card(
         colors = CardDefaults.cardColors(containerColor = Color.White),
@@ -58,7 +58,7 @@ fun PastGameCard(
                 Modifier
                     .border(width = 1.dp, color = GrayStroke, RoundedCornerShape(16.dp))
             )
-            .clickable { onClick(true) }
+            .clickable { onClick() }
     ) {
         Row(
             modifier = Modifier
@@ -201,6 +201,7 @@ private fun TeamScore(
 @Composable
 private fun PastGameCardPreview() = ScorePreview {
     val gameCard = GameCardData(
+        id = "1",
         teamLogo = "https://cornellbigred.com/images/logos/penn_200x200.png?width=80&height=80&mode=max",
         team = "University of Pennsylvania",
         teamColor = Color.Red,

app/src/main/java/com/cornellappdev/score/components/ScoreBox.kt

@@ -15,6 +15,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.cornellappdev.score.model.GameData
@@ -102,7 +103,9 @@ fun TeamScoreRow(teamScore: TeamScore, totalTextColor: Color) {
             style = bodyNormal,
             color = GrayPrimary,
             modifier = Modifier.weight(1f),
-            textAlign = TextAlign.Center
+            textAlign = TextAlign.Center,
+            maxLines = 1,
+            overflow = TextOverflow.Ellipsis
         )
 
         teamScore.scoresByPeriod.forEach { score ->

app/src/main/java/com/cornellappdev/score/components/ScoreSummary.kt

@@ -16,6 +16,8 @@ import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import coil3.compose.AsyncImage
+import com.cornellappdev.score.R
 import com.cornellappdev.score.components.ScorePreview
 import com.cornellappdev.score.model.ScoreEvent
 import com.cornellappdev.score.theme.GrayPrimary
@@ -46,13 +48,25 @@ fun ScoreEventItem(event: ScoreEvent) {
             .padding(vertical = 16.dp),
         verticalAlignment = Alignment.CenterVertically
     ) {
-        Image(
-            painter = painterResource(event.team.logo),
-            contentDescription = event.team.name,
-            modifier = Modifier
-                .size(40.dp)
-                .padding(end = 12.dp)
-        )
+        if (event.team.name == "COR"){ // TODO: Check if its "COR" for all queries. It is for baseball
+            Image(
+                painter = painterResource(R.drawable.cornell_logo),
+                contentDescription = event.team.name,
+                modifier = Modifier
+                    .size(40.dp)
+                    .padding(end = 12.dp)
+            )
+        }
+        else{
+            AsyncImage(
+                model = event.team.logo,
+                contentDescription = event.team.name, // Turn this into a if statement if i know the link for cornell logo
+                modifier = Modifier
+                    .size(40.dp)
+                    .padding(end = 12.dp)
+            )
+        }
+
 
         Row(
             modifier = Modifier.weight(2f),
@@ -90,7 +104,7 @@ fun ScoreEventItem(event: ScoreEvent) {
             Row(verticalAlignment = Alignment.CenterVertically) {
                 Text(
                     text = homeScore.toString(),
-                    style = if (event.team.name == "Cornell") metricSemibold else metricNormal,
+                    style = if (event.team.name == "Cornell") metricSemibold else metricNormal, // TODO: Check name
                     color = GrayPrimary,
                     textAlign = TextAlign.Center
                 )