@@ -65,12 +68,25 @@ export default function GallaryPage() {
return () => clearInterval(interval);
}, []);
- const years = ["all", ...new Set(images.map((image) => image.year))].sort();
+ // Build years list keeping numeric years sorted, then string years
+ const allYears = Array.from(new Set(images.map((image) => image.year)));
+ const numericYears = allYears
+ .filter((y) => typeof y === "number")
+ .sort((a, b) => a - b);
+ const stringYears = allYears
+ .filter((y) => typeof y === "string" && y !== "all")
+ .sort();
+ const years = ["all", ...numericYears, ...stringYears];
- const galleryImages =
- selectedYear === "all"
- ? images
- : images.filter((image) => image.year === Number(selectedYear));
+ const galleryImages = (() => {
+ if (selectedYear === "all") return images;
+ // if selectedYear is a string that is not numeric, filter by exact match
+ if (typeof selectedYear === "string" && isNaN(Number(selectedYear))) {
+ return images.filter((image) => image.year === selectedYear);
+ }
+ // otherwise treat as numeric year
+ return images.filter((image) => image.year === Number(selectedYear));
+ })();
return (