Skip to content

Commit 06522c3

Browse files
joshika39joshika39
committed
rebased
1 parent b29df8b commit 06522c3

File tree

4 files changed

+107
-100
lines changed

4 files changed

+107
-100
lines changed

‎app/[lang]/page.tsx‎

Lines changed: 4 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -1,101 +1,10 @@
11
import { Locale } from "@/i18n.config";
2-
import { getDictionary } from "@/dictionaries";
3-
import Article, { ArticleType } from "@/components/Article";
2+
import Articles from "@/components/Articles";
43

5-
const getTime = (date?: Date) => {
6-
return date != null ? date.getTime() : 0;
7-
}
8-
9-
10-
const sortByDate = (articles: ArticleType[]): ArticleType[] => {
11-
const updated = articles.slice();
12-
13-
updated.sort((a: ArticleType, b: ArticleType) => {
14-
return getTime(new Date(b.date)) - getTime(new Date(a.date));
15-
});
16-
17-
return updated;
18-
}
19-
20-
const NEWS: { 'en': ArticleType[], 'hu': ArticleType[] } = {
21-
'en': [
22-
{
23-
title: "Thank you for the time together ❤️ !",
24-
date: "2023-12-25 14:39:14",
25-
content: `
26-
We **thank** everyone for spending many Saturday mornings and weekday afternoons with us.
27-
28-
It was a pleasure to crochet and party with you 🎉. We hope you have gained many experiences!
29-
But it's not over yet; in the last week of the year, you will have the opportunity to relax and do handicrafts a little!
30-
31-
The last week of the year has come to Kreasto, and the events will be held at the following times:
32-
33-
- Friday 10:00-12:00
34-
- Friday 16:00-18:00
35-
36-
### Plans for the Next Year
37-
38-
We will meet again on January 5th in the usual place from 10:00 am to 12:00 pm and from 4:00 pm to 6:00 pm for an enjoyable opening event!
39-
40-
### Summary
41-
#### Future Events
42-
- Dec 29, 2023, Friday 10:00-12:00
43-
- Dec 29, 2023, Friday 16:00-18:00
44-
- Jan 5, 2024, Friday 16:00-18:00
45-
`
46-
},
47-
],
48-
'hu': [
49-
{
50-
title: "Köszönjük az idei együtt töltött időt ❤️ !",
51-
date: "2023-12-25 14:39:14",
52-
content: `
53-
Mindenkinek **köszönjük**, hogy velünk töltöttétek sok szombat délelőttöt és hétköznapok délutánját.
54-
55-
Öröm volt veletek együtt kézimunkázni és bulizni🎉. Reméljük sok élménnyel gazdagodtatok!
56-
De nincs még vége, az év utolsó hetében is lehetőségetek lesz kicsit kikapcsolódni és kézimunkázni!
57-
58-
Eljött az idei utolsó hét is a Kreastolban, az alkalmak a következő időpontokban lesznek megtartva:
59-
- Péntek 10:00-12:00
60-
- Péntek 16:00-18:00
61-
62-
### Tervek a következő évre
63-
64-
Január 5-ikén már újra találkozunk a megszokott helyen délelőtt 10-től 12-ig és 16-tól 18-ig egy élvezetes évnyitó alkalmon!
65-
66-
### Összefoglalás
67-
68-
#### Jövőbeli alkalmak
69-
70-
- 2023 Dec 29., Péntek 10:00-12:00
71-
- 2023 Dec 29., Péntek 16:00-18:00
72-
- 2024 Jan 5., Péntek 16:00-18:00
73-
`
74-
},
75-
{
76-
title: "Kreastol az iskolásoknak",
77-
date: "2024-01-04 19:25:34",
78-
content: `
79-
## Értesítés
80-
81-
Változott a holnapi nap, részletek [itt láthatókak](https://kreastol-klub.org/hu/events)
82-
83-
### Délelőtt nincs
84-
85-
Holnap délelőtt (jan. 5.) az ovis korosztálynak elmarad az alkalom!
86-
87-
### Délután van
88-
89-
Az iskolás korosztálynak megmarad délutan 16:00tól
90-
`
91-
}
92-
]
93-
}
944
export default async function Index({ params: { lang } }: { params: { lang: Locale } }) {
95-
const dictionary = await getDictionary(lang);
965
return (
97-
<div className={'flex flex-col space-y-2 h-full overflow-y-auto'}>
98-
{sortByDate(NEWS[lang]).map(a => <Article key={a.title} article={a} locale={lang} />)}
99-
</div>
6+
<>
7+
<Articles lang={lang} />
8+
</>
1009
)
10110
}

‎app/globals.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -89,15 +89,15 @@
8989
p {
9090
@apply text-lg md:text-base
9191
}
92-
93-
a {
94-
@apply inline-flex items-center justify-center whitespace-nowrap rounded-md text-base font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 underline hover:decoration-wavy
95-
}
9692
}
9793

9894
@layer components {
9995
.markdown li {
10096
margin-left: theme('spacing.6');
10197
list-style: initial;
10298
}
99+
100+
.article a {
101+
@apply inline-flex items-center justify-center whitespace-nowrap rounded-md text-base font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 underline hover:decoration-wavy
102+
}
103103
}

‎components/Article.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export type ArticleType = {
1212
}
1313

1414
export default function Article({ article, locale }: { article: ArticleType, locale: string }) {
15-
return <Card>
15+
return <Card className={'article'}>
1616
<CardHeader>
1717
<CardTitle>{article.title}</CardTitle>
1818
</CardHeader>

‎components/Articles.tsx‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
import { Locale } from "@/i18n.config";
2+
import Article, { ArticleType } from "./Article";
3+
4+
const getTime = (date?: Date) => {
5+
return date != null ? date.getTime() : 0;
6+
}
7+
8+
9+
const sortByDate = (articles: ArticleType[]): ArticleType[] => {
10+
const updated = articles.slice();
11+
12+
updated.sort((a: ArticleType, b: ArticleType) => {
13+
return getTime(new Date(b.date)) - getTime(new Date(a.date));
14+
});
15+
16+
return updated;
17+
}
18+
19+
const NEWS: { 'en': ArticleType[], 'hu': ArticleType[] } = {
20+
'en': [
21+
{
22+
title: "Thank you for the time together ❤️ !",
23+
date: "2023-12-25 14:39:14",
24+
content: `
25+
We **thank** everyone for spending many Saturday mornings and weekday afternoons with us.
26+
27+
It was a pleasure to crochet and party with you 🎉. We hope you have gained many experiences!
28+
But it's not over yet; in the last week of the year, you will have the opportunity to relax and do handicrafts a little!
29+
30+
The last week of the year has come to Kreasto, and the events will be held at the following times:
31+
32+
- Friday 10:00-12:00
33+
- Friday 16:00-18:00
34+
35+
### Plans for the Next Year
36+
37+
We will meet again on January 5th in the usual place from 10:00 am to 12:00 pm and from 4:00 pm to 6:00 pm for an enjoyable opening event!
38+
39+
### Summary
40+
#### Future Events
41+
- Dec 29, 2023, Friday 10:00-12:00
42+
- Dec 29, 2023, Friday 16:00-18:00
43+
- Jan 5, 2024, Friday 16:00-18:00
44+
`
45+
},
46+
],
47+
'hu': [
48+
{
49+
title: "Köszönjük az idei együtt töltött időt ❤️ !",
50+
date: "2023-12-25 14:39:14",
51+
content: `
52+
Mindenkinek **köszönjük**, hogy velünk töltöttétek sok szombat délelőttöt és hétköznapok délutánját.
53+
54+
Öröm volt veletek együtt kézimunkázni és bulizni🎉. Reméljük sok élménnyel gazdagodtatok!
55+
De nincs még vége, az év utolsó hetében is lehetőségetek lesz kicsit kikapcsolódni és kézimunkázni!
56+
57+
Eljött az idei utolsó hét is a Kreastolban, az alkalmak a következő időpontokban lesznek megtartva:
58+
- Péntek 10:00-12:00
59+
- Péntek 16:00-18:00
60+
61+
### Tervek a következő évre
62+
63+
Január 5-ikén már újra találkozunk a megszokott helyen délelőtt 10-től 12-ig és 16-tól 18-ig egy élvezetes évnyitó alkalmon!
64+
65+
### Összefoglalás
66+
67+
#### Jövőbeli alkalmak
68+
69+
- 2023 Dec 29., Péntek 10:00-12:00
70+
- 2023 Dec 29., Péntek 16:00-18:00
71+
- 2024 Jan 5., Péntek 16:00-18:00
72+
`
73+
},
74+
{
75+
title: "Kreastol az iskolásoknak",
76+
date: "2024-01-04 19:25:34",
77+
content: `
78+
## Értesrés
79+
80+
Változott a holnapi nap, részletek [itt láthatókak](https://kreastol-klub.org/hu/events)
81+
82+
### Délelőtt nincs
83+
84+
Holnap délelőtt (jan. 5.) az ovis korosztálynak elmarad az alkalom!
85+
86+
### Délután van
87+
88+
Az iskolás korosztálynak megmarad délutan 16:00tól
89+
`
90+
}
91+
]
92+
}
93+
94+
export default function Articles({ lang }: { lang: Locale }) {
95+
return <div className={'flex flex-col space-y-2 h-full overflow-y-auto'}>
96+
{sortByDate(NEWS[lang]).map(a => <Article key={a.title} article={a} locale={lang} />)}
97+
</div>
98+
}

0 commit comments

Comments
 (0)