From 4b81065d80a7ad0a6d933a994144a1461bfa5e91 Mon Sep 17 00:00:00 2001
From: Sebas <sheva3232@gmail.com>
Date: Tue, 26 Sep 2023 11:44:16 -0500
Subject: [PATCH] :poop: WIP

---
 src/components/events/EventDetails.tsx | 11 -----------
 src/components/events/EventImage.tsx   |  8 +++++---
 src/pages/events/[id]/index.tsx        |  8 ++++++--
 3 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/src/components/events/EventDetails.tsx b/src/components/events/EventDetails.tsx
index b9bff05..62f30ff 100644
--- a/src/components/events/EventDetails.tsx
+++ b/src/components/events/EventDetails.tsx
@@ -29,17 +29,6 @@ const EventDetails = ({event} : EventDetailsProps) => {
 				<Text fontSize='md' color={'#00001C'} fontFamily={'space'}>
 					{event?.description}
 				</Text>
-				<Text
-					fontSize='md'
-					color={'#00001C'}
-					fontFamily={'space'}
-					fontWeight={'bold'}
-				>
-					BENEFICIOS COMO VOLUNTARIADO
-				</Text>
-				<Text fontSize='md' color={'#00001C'} fontFamily={'space'}>
-					{}
-				</Text>
 			</VStack>
 		</Flex>
 	)
diff --git a/src/components/events/EventImage.tsx b/src/components/events/EventImage.tsx
index da7e290..c73b95a 100644
--- a/src/components/events/EventImage.tsx
+++ b/src/components/events/EventImage.tsx
@@ -1,7 +1,9 @@
 import React from 'react'
 import { Flex, Text, Box } from '@chakra-ui/react'
-
-const EventImage = () => {
+interface EventImageProps {
+	eventName: string
+}
+const EventImage = ({eventName} : EventImageProps) => {
 	return (
 		<Box position='relative' width='full' mx='auto'>
 			<Box
@@ -20,7 +22,7 @@ const EventImage = () => {
 					fontWeight={'bold'}
 					fontSize={{ base: '16px', lg: '19px' }}
 				>
-					{'Eres Voluntari@ de Impacto en el BSL 2023  '}
+					{eventName}
 				</Text>
 			</Box>
 			<Flex
diff --git a/src/pages/events/[id]/index.tsx b/src/pages/events/[id]/index.tsx
index 994c0c8..3fffdc1 100644
--- a/src/pages/events/[id]/index.tsx
+++ b/src/pages/events/[id]/index.tsx
@@ -296,7 +296,9 @@ export default function Event(): JSX.Element {
 								alignItems={'center'}
 								justify={'center'}
 							>
-								<EventImage />
+								<EventImage 
+									eventName={eventInfo?.name ?? 'My event'}
+								/>
 								<EventDetails 
 									event={eventInfo}
 								/>
@@ -331,7 +333,9 @@ export default function Event(): JSX.Element {
 							mb={'3em'}
 						>
 							<Flex direction={'column'} w={'full'} gap={'3em'}>
-								<EventImage />
+								<EventImage 
+									eventName={eventInfo?.name ?? 'My event'}
+								/>
 								<EventLocation />
 								<EventDetails 
 									event={eventInfo}