edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move link in news item

Browse Source
This commit is contained in:
elisejakob
2024-05-21 00:22:00 +02:00
parent e5819d9000
commit 06358ef1af
1 changed files with 23 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
web/src/components/news/NewsItem.tsx
View File

@ -8,27 +8,28 @@ export const NewsItem = ({ news }: { news: NewsFragment }) => {
const featuredImage: any = news.featuredImage;
return (
<Link href={`/aktuelt/${news.slug}`}>
<li className={`${styles.newsItem} linkItem`}>
<div className={styles.image}>
{featuredImage && (
<Image
src={featuredImage.url}
alt={featuredImage.alt}
width={featuredImage.width}
height={featuredImage.height}
sizes="20vw"
/>
)}
</div>
<div className={styles.text}>
<p className={styles.date}>
{formatDate(news.firstPublishedAt, commonDateFormat)}
</p>
<h2 className={styles.title}>{news.title}</h2>
<p className={styles.lead}>{news.excerpt}</p>
</div>
</li>
</Link>
<li className={`${styles.newsItem} linkItem`}>
<div className={styles.image}>
{featuredImage && (
<Image
src={featuredImage.url}
alt={featuredImage.alt}
width={featuredImage.width}
height={featuredImage.height}
sizes="20vw"
/>
)}
</div>
<div className={styles.text}>
<p className={styles.date}>
{formatDate(news.firstPublishedAt, commonDateFormat)}
</p>
<h2 className={styles.title}>{news.title}</h2>
<p className={styles.lead}>{news.excerpt}</p>
</div>
<Link href={`/aktuelt/${news.slug}`} className="hiddenLink">
Les artikkelen: {news.title}
</Link>
</li>
);
};