From 0178baaacf4d06fc8c3464228f59d6ed573af4ee Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Tue, 5 Nov 2024 19:08:38 +0000
Subject: [PATCH] feat: use real history data from backend

---
 src/components/HistoryCard.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/HistoryCard.tsx b/src/components/HistoryCard.tsx
index 2ad4607..07b8746 100644
--- a/src/components/HistoryCard.tsx
+++ b/src/components/HistoryCard.tsx
@@ -1,6 +1,12 @@
 import { Heading, HStack, Text, VStack } from '@gluestack-ui/themed';
 
-export function HistoryCard() {
+import { HistoryDTO } from '@dtos/HistoryDTO';
+
+type HistoryCardProps = {
+  data: HistoryDTO;
+};
+
+export function HistoryCard({ data }: HistoryCardProps) {
   return (
     <HStack
       w="$full"
@@ -13,16 +19,16 @@ export function HistoryCard() {
       justifyContent="space-between">
       <VStack flex={1} mr="$5">
         <Heading color="$white" fontSize="$md" textTransform="capitalize" numberOfLines={1}>
-          Costas
+          {data.group}
         </Heading>
 
         <Text color="$gray100" fontSize="$lg" numberOfLines={1}>
-          Puxada Frontal
+          {data.name}
         </Text>
       </VStack>
 
       <Text color="$gray300" fontSize="$md">
-        08:36
+        {data.hour}
       </Text>
     </HStack>
   );