From 3c95494d13bfad0fc77ed0a9c04f570251f1cf15 Mon Sep 17 00:00:00 2001
From: Borghild <borghild.vikoyr@miles.no>
Date: Fri, 16 Aug 2024 10:23:43 +0200
Subject: [PATCH] :art: update past events

---
 .../pastEvents/PastEventsListItem.tsx         | 25 +++++++------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/web/pageComponents/topicPages/promotions/pastEvents/PastEventsListItem.tsx b/web/pageComponents/topicPages/promotions/pastEvents/PastEventsListItem.tsx
index ebca88555..5f3f81408 100644
--- a/web/pageComponents/topicPages/promotions/pastEvents/PastEventsListItem.tsx
+++ b/web/pageComponents/topicPages/promotions/pastEvents/PastEventsListItem.tsx
@@ -1,4 +1,4 @@
-import { Heading } from '@core/Typography'
+import { Heading, Typography } from '@core/Typography'
 import { EventCardData } from '../../../../types/types'
 import { forwardRef, HTMLAttributes } from 'react'
 import { twMerge } from 'tailwind-merge'
@@ -7,18 +7,12 @@ import { toPlainText } from '@portabletext/react'
 import { PortableTextBlock } from '@portabletext/types'
 import { FormattedDateParts, useIntl } from 'react-intl'
 import { BaseLink } from '@core/Link'
-import Blocks from '../../../../pageComponents/shared/portableText/Blocks'
-import FormattedDateTime from '@core/FormattedDateTime/FormattedDateTime'
 
 export type PastEventsListItemProps = {
   event: EventCardData
   hasSectionTitle: boolean
 } & HTMLAttributes<HTMLAnchorElement>
 
-/**
- * Event Card component.
- * Remember to wrap in ul and li if in a list.
- * */
 const PastEventsListItem = forwardRef<HTMLAnchorElement, PastEventsListItemProps>(function PastEventsListItem(
   { event, className = '', hasSectionTitle = true, ...rest },
   ref,
@@ -26,7 +20,7 @@ const PastEventsListItem = forwardRef<HTMLAnchorElement, PastEventsListItemProps
   const intl = useIntl()
   const details = intl.formatMessage({ id: 'details', defaultMessage: 'Details' })
 
-  const { title, eventDate, slug, ingress } = event
+  const { title, eventDate, location, slug } = event
   const { start } = getEventDates(eventDate)
   const plainTitle = title ? toPlainText(title as PortableTextBlock[]) : ''
 
@@ -49,17 +43,12 @@ const PastEventsListItem = forwardRef<HTMLAnchorElement, PastEventsListItemProps
       {...rest}
     >
       <div className="w-full h-full aspect-square bg-norwegian-woods-100 text-white-100 flex justify-center items-center p-2">
-        {/*   {start && <FormattedDateTime date={start} className="uppercase pb-3" timeClassName="text-sm" hideIcon />} */}
         {start && (
           <FormattedDateParts value={start} year="numeric" month="short" day="2-digit">
             {(parts) => {
               return (
                 <div className="flex flex-col gap-4 justify-start items-center">
                   <span className="text-md">{`${parts[0].value} ${parts[2].value}`}</span>
-                  {/*                   <div className="flex flex-col">
-                    <span className="text-lg">{parts[0].value}</span>
-                    <span className="text-base">{parts[2].value}</span>
-                  </div> */}
                   <span className="text-sm">{parts[4].value}</span>
                 </div>
               )
@@ -67,14 +56,18 @@ const PastEventsListItem = forwardRef<HTMLAnchorElement, PastEventsListItemProps
           </FormattedDateParts>
         )}
       </div>
-      <div className="px-6 py-6">
+      <div className="px-6 py-6 ">
         <Heading
           value={title}
           as={hasSectionTitle ? 'h3' : 'h2'}
           variant="h5"
-          className="text-base pb-4 group-hover:underline"
+          className="text-base pb-4 group-hover:underline text-pretty max-w-text"
         />
-        {ingress && <Blocks value={ingress} className="text-xs max-w-prose text-pretty" />}
+        {location && (
+          <Typography variant="body" className="text-sm text-pretty max-w-text">
+            {location}
+          </Typography>
+        )}
       </div>
     </BaseLink>
   )