💩 WIP

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>
 	)

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

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}