Fix/is truncated event detail adress

Fix08

src/components/EventDetailLabel/index.tsx

@@ -12,15 +12,16 @@ const EventDetailLabel = ({
 }: IProps): React.ReactElement => {
   return variant === "primary" ? (
     <Box p="5px" borderRadius="8px" bgColor="blue.500" color="white" {...rest}>
-      <Text fontSize="12px" fontWeight="bold">
+      <Text fontSize="12px" fontWeight="bold" isTruncated>
         {children}
       </Text>
     </Box>
   ) : (
     <Flex {...rest}>
       {icon && <FontAwesomeIcon icon={icon} color="#265DA2" />}
-
-      <Text marginLeft="5px">{children}</Text>
+      <Text marginLeft="5px" isTruncated>
+        {children}
+      </Text>
     </Flex>
   );
 };

src/components/EventInfo/index.tsx

@@ -36,8 +36,13 @@ const EventInfo = ({ event, variant }: IProps): React.ReactElement => {
             <EventDetailLabel variant="primary">
               Hora: {eventTime?.substr(0, 5)}
             </EventDetailLabel>
-            <EventDetailLabel variant="primary" title={street}>
-              Local: {street?.substr(0, 15)}
+            <EventDetailLabel
+              variant="primary"
+              isTruncated
+              maxWidth="50%"
+              title={street}
+            >
+              Local: {street}
             </EventDetailLabel>
           </>
         )}
@@ -63,9 +68,11 @@ const EventInfo = ({ event, variant }: IProps): React.ReactElement =&gt; {
               icon="map-marker-alt"
               alignItems="center"
               ml="5px"
+              isTruncated
+              maxWidth="50%"
               title={street}
             >
-              {street?.substr(0, 20)}
+              {street}
             </EventDetailLabel>
           </>
         )}

src/pages/CreateEvent/index.tsx

@@ -110,6 +110,7 @@ const CreateEvent = (): React.ReactElement => {
             setDescripdtion(e.target.value)
           }
           _hover={{ borderColor: "blue.500" }}
+          maxLength={250}
         />
 
         <Input