this repo has no description
🎨 Format code
+45
-40
+4
-4
renovate.json
+4
-4
renovate.json
+41
-36
src/components/WorksGrid.astro
+41
-36
src/components/WorksGrid.astro
···
60
60
{
61
61
Object.entries(
62
62
groupBy(
63
-
Astro.props.works.filter(w => findThumbnailSourcemap(w.content, w.metadata.thumbnail ?? "")),
63
+
Astro.props.works.filter((w) =>
64
+
findThumbnailSourcemap(w.content, w.metadata.thumbnail ?? ""),
65
+
),
64
66
({ metadata }) =>
65
67
preferredDate(metadata)?.getFullYear().toString() ?? "Unknown",
66
68
),
···
85
87
}) => {
86
88
const date = preferredDate({ started, finished });
87
89
const thumb = findThumbnailSourcemap(content, thumbnail ?? "");
88
-
if (!thumb) return (<></>);
89
90
return (
90
-
<a href={`/${id}`}>
91
-
<article style={setCssColors(colors)}>
92
-
{
93
-
<img
94
-
srcset={Object.entries(thumb)
95
-
.map(
96
-
([size, path]) =>
97
-
`https://media.gwen.works/${path} ${size}w`,
98
-
)
99
-
.join(", ")}
100
-
alt=""
101
-
style={{
102
-
width: "100%",
103
-
height: "auto",
104
-
objectFit: "cover",
105
-
}}
106
-
/>
107
-
}
108
-
<section class="text">
109
-
<h2>
110
-
<Translated
111
-
fr={content.fr?.title ?? id}
112
-
en={content.en?.title ?? id}
91
+
thumb && (
92
+
<a href={`/${id}`}>
93
+
<article style={setCssColors(colors)}>
94
+
{
95
+
<img
96
+
srcset={Object.entries(thumb)
97
+
.map(
98
+
([size, path]) =>
99
+
`https://media.gwen.works/${path} ${size}w`,
100
+
)
101
+
.join(", ")}
102
+
alt=""
103
+
style={{
104
+
width: "100%",
105
+
height: "auto",
106
+
objectFit: "cover",
107
+
}}
113
108
/>
114
-
{wip && <WIPIndicator />}
115
-
</h2>
116
-
{date && (
117
-
<time datetime={isoDate(date)}>
109
+
}
110
+
<section class="text">
111
+
<h2>
118
112
<Translated
119
-
fr={format(date, "MMMM yyyy", { locale: frFR })}
120
-
en={format(date, "MMMM, yyyy", { locale: enUS })}
113
+
fr={content.fr?.title ?? id}
114
+
en={content.en?.title ?? id}
121
115
/>
122
-
</time>
123
-
)}
124
-
</section>
125
-
</article>
126
-
</a>
116
+
{wip && <WIPIndicator />}
117
+
</h2>
118
+
{date && (
119
+
<time datetime={isoDate(date)}>
120
+
<Translated
121
+
fr={format(date, "MMMM yyyy", { locale: frFR })}
122
+
en={format(date, "MMMM, yyyy", {
123
+
locale: enUS,
124
+
})}
125
+
/>
126
+
</time>
127
+
)}
128
+
</section>
129
+
</article>
130
+
</a>
131
+
)
127
132
);
128
133
},
129
134
)}