Skip to content

Commit

Permalink
🔍️ remove aria-label #2716 (#2717)
Browse files Browse the repository at this point in the history
  • Loading branch information
millianapia authored Dec 12, 2024
1 parent 79e16c1 commit 737dbcd
Showing 1 changed file with 49 additions and 50 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -28,58 +28,57 @@ const PastEventsListItem = forwardRef<HTMLAnchorElement, PastEventsListItemProps

return (
<BaseLink
ref={ref}
href={slug}
aria-label={`${details} ${plainTitle}`}
className={twMerge(
`h-full
w-full
grid
grid-cols-[18%_auto]
flex-col
dark:text-white-100
group
ref={ref}
href={slug}
className={twMerge(
`h-full
w-full
grid
grid-cols-[18%_auto]
flex-col
dark:text-white-100
group
`,
className,
className,
)}
{...rest}
>
<div className="w-full h-full aspect-square bg-norwegian-woods-100 text-white-100 flex justify-center items-center p-2">
{start && (
<FormattedDateParts value={start} year="numeric" month="short" day="2-digit">
{(parts) => {
return (
<div className="flex flex-col gap-4 justify-start items-center text-center">
<span className="text-md">{`${parts[0].value} ${parts[2].value}`}</span>
<span className="text-sm">{parts[4].value}</span>
</div>
)
}}
</FormattedDateParts>
)}
{...rest}
>
<div className="w-full h-full aspect-square bg-norwegian-woods-100 text-white-100 flex justify-center items-center p-2">
{start && (
<FormattedDateParts value={start} year="numeric" month="short" day="2-digit">
{(parts) => {
return (
<div className="flex flex-col gap-4 justify-start items-center text-center">
<span className="text-md">{`${parts[0].value} ${parts[2].value}`}</span>
<span className="text-sm">{parts[4].value}</span>
</div>
)
}}
</FormattedDateParts>
)}
</div>
<div className="px-6 py-6 ">
<Heading
value={title}
as={hasSectionTitle ? 'h3' : 'h2'}
variant="h5"
className="text-base pb-4 group-hover:underline text-pretty max-w-text"
/>
{location && (
<div className="flex gap-sm items-start">
<Icon
data={world}
color={'currentColor'}
style={{ fontSize: 'var(--typeScale-0)' }}
className="text-norwegian-woods-100"
/>
<Typography variant="body" className="text-sm text-pretty max-w-text">
{location}
</Typography>
</div>
)}
</div>
</BaseLink>
</div>
<div className="px-6 py-6">
<Heading
value={title}
as={hasSectionTitle ? 'h3' : 'h2'}
variant="h5"
className="text-base pb-4 group-hover:underline text-pretty max-w-text"
/>
{location && (
<div className="flex gap-sm items-start">
<Icon
data={world}
color={'currentColor'}
style={{ fontSize: 'var(--typeScale-0)' }}
className="text-norwegian-woods-100"
/>
<Typography variant="body" className="text-sm text-pretty max-w-text">
{location}
</Typography>
</div>
)}
</div>
</BaseLink>
)
})
export default PastEventsListItem

0 comments on commit 737dbcd

Please sign in to comment.