Merge 8b50f20 into 86e7714

app/build.gradle.kts

@@ -80,11 +80,11 @@ android {
             excludes += "/META-INF/{AL2.0,LGPL2.1}"
         }
     }
+    namespace = "com.adammcneilly.pocketleague"
 }
 
 dependencies {
 
-    implementation(project(":android-design-system"))
     implementation(project(":shared"))
     implementation("org.jetbrains.kotlinx:kotlinx-datetime:${Versions.kotlinxDatetime}")
     implementation("androidx.core:core-ktx:${Versions.ktxCore}")

app/src/main/AndroidManifest.xml

@@ -1,6 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.adammcneilly.pocketleague">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
     <uses-permission android:name="android.permission.INTERNET" />
 

app/src/main/java/com/adammcneilly/pocketleague/MainActivity.kt

@@ -8,8 +8,8 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.SideEffect
 import androidx.compose.ui.graphics.Color
 import androidx.core.view.WindowCompat
-import com.adammcneilly.pocketleague.android.design.theme.PocketLeagueTheme
 import com.adammcneilly.pocketleague.ui.MainComposable
+import com.adammcneilly.pocketleague.ui.theme.PocketLeagueTheme
 import com.google.accompanist.insets.ProvideWindowInsets
 import com.google.accompanist.systemuicontroller.rememberSystemUiController
 import dagger.hilt.android.AndroidEntryPoint

app/src/main/java/com/adammcneilly/pocketleague/ui/CoreStatsComparison.kt

@@ -0,0 +1,127 @@
+package com.adammcneilly.pocketleague.ui
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.BoxWithConstraints
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+import com.adammcneilly.pocketleague.shared.models.CoreStats
+import com.adammcneilly.pocketleague.ui.theme.rlcsBlue
+import com.adammcneilly.pocketleague.ui.theme.rlcsOrange
+
+/**
+ * A composable to compare the [CoreStats] between two teams.
+ */
+@Composable
+fun CoreStatsComparison(
+    blueTeamStats: CoreStats,
+    orangeTeamStats: CoreStats,
+    modifier: Modifier = Modifier,
+) {
+    Column(
+        modifier = modifier
+            .fillMaxWidth(),
+        verticalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        StatComparisonRow(
+            title = "Goals",
+            blueValue = blueTeamStats.goals.toFloat(),
+            orangeValue = orangeTeamStats.goals.toFloat(),
+        )
+
+        StatComparisonRow(
+            title = "Saves",
+            blueValue = blueTeamStats.saves.toFloat(),
+            orangeValue = orangeTeamStats.saves.toFloat(),
+        )
+
+        StatComparisonRow(
+            title = "Shots",
+            blueValue = blueTeamStats.shots.toFloat(),
+            orangeValue = orangeTeamStats.shots.toFloat(),
+        )
+    }
+}
+
+@Composable
+private fun StatComparisonRow(
+    title: String,
+    blueValue: Float,
+    orangeValue: Float,
+) {
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.spacedBy(8.dp),
+    ) {
+        Text(
+            text = title,
+        )
+
+        BoxWithConstraints {
+            val total = blueValue + orangeValue
+            val blueWeight = blueValue / total
+            val orangeWeight = orangeValue / total
+
+            val statBarHeight = 4.dp
+            val dividerHeight = 12.dp
+            val dividerWidth = 4.dp
+
+            val availableWidth = this.maxWidth - dividerWidth
+            val blueWidth = availableWidth * blueWeight
+            val orangeWidth = availableWidth * orangeWeight
+
+            Row(
+                verticalAlignment = Alignment.CenterVertically,
+            ) {
+                Box(
+                    modifier = Modifier
+                        .background(
+                            color = rlcsBlue,
+                            shape = RoundedCornerShape(
+                                topStartPercent = 50,
+                                bottomStartPercent = 50,
+                            ),
+                        )
+                        .size(
+                            width = blueWidth,
+                            height = statBarHeight,
+                        )
+                )
+
+                Box(
+                    modifier = Modifier
+                        .background(color = Color.White)
+                        .size(
+                            width = dividerWidth,
+                            height = dividerHeight,
+                        ),
+                )
+
+                Box(
+                    modifier = Modifier
+                        .background(
+                            color = rlcsOrange,
+                            shape = RoundedCornerShape(
+                                topEndPercent = 50,
+                                bottomEndPercent = 50,
+                            ),
+                        )
+                        .height(statBarHeight)
+                        .width(orangeWidth)
+                )
+            }
+        }
+    }
+}