From e670b9a6ac8b5c1a762c508560aad2a4de917c2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sylwester=20Zieli=C5=84ski?=
 <sylwester.zielinski@nordicsemi.no>
Date: Wed, 1 Dec 2021 12:24:36 +0100
Subject: [PATCH] Improve HRS view

---
 lib_theme/src/main/res/drawable/ic_chart_line.xml     |  9 +++++++++
 .../no/nordicsemi/android/hrs/view/HRSContentView.kt  | 11 ++++++-----
 2 files changed, 15 insertions(+), 5 deletions(-)
 create mode 100644 lib_theme/src/main/res/drawable/ic_chart_line.xml

diff --git a/lib_theme/src/main/res/drawable/ic_chart_line.xml b/lib_theme/src/main/res/drawable/ic_chart_line.xml
new file mode 100644
index 00000000..4d595c47
--- /dev/null
+++ b/lib_theme/src/main/res/drawable/ic_chart_line.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:fillColor="#FF000000"
+      android:pathData="M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z"/>
+</vector>
diff --git a/profile_hrs/src/main/java/no/nordicsemi/android/hrs/view/HRSContentView.kt b/profile_hrs/src/main/java/no/nordicsemi/android/hrs/view/HRSContentView.kt
index 9f228bd6..cdd33290 100644
--- a/profile_hrs/src/main/java/no/nordicsemi/android/hrs/view/HRSContentView.kt
+++ b/profile_hrs/src/main/java/no/nordicsemi/android/hrs/view/HRSContentView.kt
@@ -1,10 +1,8 @@
 package no.nordicsemi.android.hrs.view
 
-import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Button
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -17,6 +15,7 @@ import no.nordicsemi.android.hrs.R
 import no.nordicsemi.android.hrs.data.HRSData
 import no.nordicsemi.android.theme.view.BatteryLevelView
 import no.nordicsemi.android.theme.view.ScreenSection
+import no.nordicsemi.android.theme.view.SectionTitle
 
 @Composable
 internal fun HRSContentView(state: HRSData, onEvent: (HRSScreenViewEvent) -> Unit) {
@@ -26,9 +25,11 @@ internal fun HRSContentView(state: HRSData, onEvent: (HRSScreenViewEvent) -> Uni
         Spacer(modifier = Modifier.height(16.dp))
 
         ScreenSection {
-            Box(modifier = Modifier.padding(16.dp)) {
-                LineChartView(state)
-            }
+            SectionTitle(resId = R.drawable.ic_chart_line, title = "Data")
+
+            Spacer(modifier = Modifier.height(16.dp))
+
+            LineChartView(state)
         }
 
         Spacer(modifier = Modifier.height(16.dp))