From 2660a5d26276937f3c904d6e2e92959821654b0c Mon Sep 17 00:00:00 2001
From: Alex <32698880+exoefe@users.noreply.github.com>
Date: Sun, 3 Mar 2024 13:47:56 +0100
Subject: [PATCH] Update VerticalView.tsx

Removing unused </Link> comment
---
 .../eventPreview/vertical/VerticalView.tsx    | 92 +++++++++----------
 1 file changed, 43 insertions(+), 49 deletions(-)

diff --git a/src/components/molecules/event/eventPreview/vertical/VerticalView.tsx b/src/components/molecules/event/eventPreview/vertical/VerticalView.tsx
index 459ca759..5aef5f3d 100644
--- a/src/components/molecules/event/eventPreview/vertical/VerticalView.tsx
+++ b/src/components/molecules/event/eventPreview/vertical/VerticalView.tsx
@@ -7,56 +7,50 @@ import { Box, Center, Flex, HStack, Heading, Text } from '@chakra-ui/react';
 import { Link } from 'react-router-dom';
 
 const VerticalView: React.FC<{ eventData: Event }> = ({ eventData }) => {
-  return (
-    <>
-      <Center
-        bg={'slate.600'}
-        rounded={'xl'}
-        shadow={'dark-lg'}
-        textAlign={'center'}
-        cursor={'pointer'}
-        height={'100%'}
-        width={'100%'}
-        as={Link}
-        to={`/event/${eventData.eid}`}>
-        <Flex
-          direction={'column'}
-          justify={'space-evenly'}
-          w={'80%'}
-          h={'100%'}>
-          <Heading size={'sm'} pt={'.5rem'} pb={0} m={0}>
-            {eventData.title}
-          </Heading>
-          <Box h={'60%'} w={'100%'}>
-            {eventData.eid !== undefined && <EventHeader id={eventData.eid} />}
-          </Box>
-          <Flex
-            direction={'column'}
-            textAlign={'left'}
-            justify={'space-evenly'}>
-            <HStack
-              textAlign={'center'}
-              alignItems={'center'}
-              overflowWrap={'break-word'}>
-              <Icon type={'calendar'} size={1.5} />
-              <Text fontSize={'.75rem'} m={0}>
-                {transformDate(new Date(eventData.date))}
-              </Text>
-            </HStack>
-            <HStack
-              textAlign={'center'}
-              alignItems={'center'}
-              overflowWrap={'break-word'}>
-              <Icon type={'map'} size={1.5} />{' '}
-              <Text fontSize={'.75rem'} m={0}>
-                {eventData.address}
-              </Text>
-            </HStack>
-          </Flex>
+ return (
+  <>
+    <Center
+      bg={'slate.600'}
+      rounded={'xl'}
+      shadow={'dark-lg'}
+      textAlign={'center'}
+      cursor={'pointer'}
+      height={'100%'}
+      width={'100%'}
+      as={Link}
+      to={`/event/${eventData.eid}`}
+      >
+
+      <Flex direction={'column'} justify={'space-evenly'} w={'80%'} h={'100%'}>
+        <Heading size={'sm'} pt={'.5rem'} pb={0} m={0}>
+          {eventData.title}
+        </Heading>
+        <Box h={'60%'} w={'100%'}>
+          {eventData.eid !== undefined && <EventHeader id={eventData.eid} />}
+        </Box>
+        <Flex direction={'column'} textAlign={'left'} justify={'space-evenly'}>
+          <HStack
+            textAlign={'center'}
+            alignItems={'center'}
+            overflowWrap={'break-word'}>
+            <Icon type={'calendar'} size={1.5} />
+            <Text fontSize={'.75rem'} m={0}>
+              {transformDate(new Date(eventData.date))}
+            </Text>
+          </HStack>
+          <HStack
+            textAlign={'center'}
+            alignItems={'center'}
+            overflowWrap={'break-word'}>
+            <Icon type={'map'} size={1.5} />{' '}
+            <Text fontSize={'.75rem'} m={0}>
+              {eventData.address}
+            </Text>
+          </HStack>
         </Flex>
-      </Center>
-      {/* </Link> */}
-    </>
+      </Flex>
+    </Center>
+  </>
   );
 };