From fdbbec3e1181c68ee647221189bf3d4fe9eccdd5 Mon Sep 17 00:00:00 2001
From: Xc165543337 <90028194+Xc165543337@users.noreply.github.com>
Date: Thu, 23 May 2024 13:22:02 +0200
Subject: [PATCH] feat: numeric habit progress with icon

---
 .../react-native/components/HabitProgress.tsx | 33 +++++++++++++++----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/presentation/react-native/components/HabitProgress.tsx b/presentation/react-native/components/HabitProgress.tsx
index ecf8611..c834f35 100644
--- a/presentation/react-native/components/HabitProgress.tsx
+++ b/presentation/react-native/components/HabitProgress.tsx
@@ -2,6 +2,8 @@ import { useState } from "react"
 import { ScrollView, StyleSheet, View } from "react-native"
 import { Button, Snackbar, Text, TextInput } from "react-native-paper"
 import { SafeAreaView } from "react-native-safe-area-context"
+import type { IconName } from "@fortawesome/free-solid-svg-icons"
+import { FontAwesomeIcon } from "@fortawesome/react-native-fontawesome"
 
 import type { GoalNumeric } from "@/domain/entities/Goal"
 import { GoalNumericProgress } from "@/domain/entities/Goal"
@@ -66,15 +68,34 @@ export const HabitProgress: React.FC<HabitProgressProps> = ({
           paddingHorizontal: 20,
         }}
       >
-        <Text
+        <View
           style={{
-            fontWeight: "bold",
-            fontSize: 28,
-            textAlign: "center",
+            flexDirection: "row",
+            justifyContent: "center",
+            alignItems: "center",
+            gap: 15,
           }}
         >
-          {habitHistory.habit.name}
-        </Text>
+          <FontAwesomeIcon
+            size={24}
+            icon={habitHistory.habit.icon as IconName}
+            style={[
+              {
+                width: 30,
+              },
+            ]}
+          />
+
+          <Text
+            style={{
+              fontWeight: "bold",
+              fontSize: 28,
+              textAlign: "center",
+            }}
+          >
+            {habitHistory.habit.name}
+          </Text>
+        </View>
 
         <Text
           style={{