From b0812182fc008a347d61c649769897450034203c Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Sat, 26 Oct 2024 16:24:18 -0300
Subject: [PATCH] feat: add exercise done button

---
 src/screens/Exercise.tsx | 43 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/screens/Exercise.tsx b/src/screens/Exercise.tsx
index ee6483b..97931c9 100644
--- a/src/screens/Exercise.tsx
+++ b/src/screens/Exercise.tsx
@@ -1,9 +1,12 @@
-import { Center, Heading, HStack, Icon, Text, VStack } from '@gluestack-ui/themed';
+import { Box, Center, Heading, HStack, Icon, Image, Text, VStack } from '@gluestack-ui/themed';
 import { useNavigation } from '@react-navigation/native';
 import { ArrowLeft } from 'lucide-react-native';
-import { TouchableOpacity } from 'react-native';
+import { ScrollView, TouchableOpacity } from 'react-native';
 
 import BodySvg from '@assets/body.svg';
+import SeriesSvg from '@assets/series.svg';
+import RepetitionSvg from '@assets/repetitions.svg';
+import { Button } from '@components/Button';
 
 export function Exercise() {
   const navigation = useNavigation();
@@ -32,6 +35,42 @@ export function Exercise() {
           </HStack>
         </HStack>
       </VStack>
+
+      <ScrollView
+        showsVerticalScrollIndicator={false}
+        contentContainerStyle={{ paddingBottom: 32 }}>
+        <VStack p="$8">
+          <Image
+            source={{ uri: 'https://i.pravatar.cc/200' }}
+            alt="imagem do exercício"
+            mb="$3"
+            resizeMode="cover"
+            rounded="$lg"
+            w="$full"
+            h="$80"
+          />
+
+          <Box bg="$gray600" rounded="$md" pb="$4" px="$4">
+            <HStack alignItems="center" justifyContent="space-around" mb="$6" mt="$5">
+              <HStack>
+                <SeriesSvg />
+                <Text color="$gray200" ml="$2">
+                  3 séries
+                </Text>
+              </HStack>
+
+              <HStack>
+                <RepetitionSvg />
+                <Text color="$gray200" ml="$2">
+                  12 repetições
+                </Text>
+              </HStack>
+            </HStack>
+
+            <Button title="Marcar como realizado" />
+          </Box>
+        </VStack>
+      </ScrollView>
     </VStack>
   );
 }