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

update date list, change news list grid

Browse Source
This commit is contained in:
elisejakob
2024-06-10 14:07:48 +02:00
parent 2dab1937d2
commit 6ccc6082ec
4 changed files with 28 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
web/src/components/events/DateList.tsx
View File

@ -13,8 +13,12 @@ const DateListItem = ({ occurrence }: { occurrence: EventOccurrence }) => {
return (
<li className={styles.date}>
<div className={styles.time}>
<span>{formatDate(occurrence.start, dateFormat)}</span>&nbsp;
<span>{formatDate(occurrence.start, timeFormat)}</span>
<span className={styles.day}>
{formatDate(occurrence.start, dateFormat)}
</span>
<span className={styles.hour}>
{formatDate(occurrence.start, timeFormat)}
</span>
</div>
<div className={styles.venue}>
<span>
@ -82,54 +86,3 @@ export const DateList = ({ event }: { event: EventFragment }) => {
</div>
);
};
export const DateListDemo = () => {
return (
<div className={styles.dateWrapper}>
<h2 className="circlehead">
<span className="circle"></span>
<span className="circle"></span>
<span className="circle"></span>Kommende datoer{" "}
<span className="number">(4)</span>
</h2>
<ul className={styles.dateList}>
<li className={styles.date}>
<div className={styles.time}>
<span>27/05/2024</span>&nbsp;
<span>18.00</span>
</div>
<div className={styles.venue}>
<span>Storsalen</span>
</div>
</li>
<li className={styles.date}>
<div className={styles.time}>
<span>Mandag 27. mai 2024</span>&nbsp;
<span>kl. 18.00</span>
<div className={styles.venue}>
<span>i Storsalen</span>
</div>
</div>
</li>
<li className={styles.date}>
<div className={styles.time}>
<span>27. mai 2024</span>&nbsp;
<span>kl. 18.00</span>
</div>
<div className={styles.venue}>
<span>Storsalen</span>
</div>
</li>
<li className={styles.date}>
<div className={styles.venue}>
<span>Storsalen</span>
</div>
<div className={styles.time}>
<span>27.05.2024</span>&nbsp;
<span>18.00</span>
</div>
</li>
</ul>
</div>
);
};