Spaces:
Running
Running
File size: 3,103 Bytes
f46336a 38de65f 6decbb1 255baa6 38de65f 6decbb1 38de65f 6decbb1 6c614e3 38de65f 6decbb1 38de65f 6decbb1 38de65f 255baa6 f46336a f1ac2c9 6decbb1 07ed8c2 6decbb1 f46336a 38de65f f46336a 255baa6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
import Header from "@/components/Header";
import FilterBar from "@/components/FilterBar";
import ConferenceCard from "@/components/ConferenceCard";
import conferencesData from "@/data/conferences.yml";
import { Conference } from "@/types/conference";
import { useState, useMemo, useEffect } from "react";
import { Switch } from "@/components/ui/switch"
import { parseISO, isValid, isPast } from "date-fns";
const Index = () => {
const [selectedTag, setSelectedTag] = useState("All");
const [searchQuery, setSearchQuery] = useState("");
const [showPastConferences, setShowPastConferences] = useState(false);
const filteredConferences = useMemo(() => {
if (!Array.isArray(conferencesData)) {
console.error("Conferences data is not an array:", conferencesData);
return [];
}
return conferencesData
.filter((conf: Conference) => {
// Filter by deadline (past/future)
const deadlineDate = conf.deadline && conf.deadline !== 'TBD' ? parseISO(conf.deadline) : null;
const isUpcoming = !deadlineDate || !isValid(deadlineDate) || !isPast(deadlineDate);
if (!showPastConferences && !isUpcoming) return false;
// Filter by tag and search query
const matchesTag = selectedTag === "All" || (Array.isArray(conf.tags) && conf.tags.includes(selectedTag));
const matchesSearch = searchQuery === "" ||
conf.title.toLowerCase().includes(searchQuery.toLowerCase()) ||
(conf.full_name && conf.full_name.toLowerCase().includes(searchQuery.toLowerCase()));
return matchesTag && matchesSearch;
})
.sort((a: Conference, b: Conference) => {
const dateA = a.deadline && a.deadline !== 'TBD' ? parseISO(a.deadline).getTime() : Infinity;
const dateB = b.deadline && b.deadline !== 'TBD' ? parseISO(b.deadline).getTime() : Infinity;
return dateA - dateB;
});
}, [selectedTag, searchQuery, showPastConferences]);
if (!Array.isArray(conferencesData)) {
return <div>Loading conferences...</div>;
}
return (
<div className="min-h-screen bg-neutral-light">
<Header onSearch={setSearchQuery} />
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="space-y-4 py-4">
<FilterBar selectedTag={selectedTag} onTagSelect={setSelectedTag} />
<div className="flex items-center gap-2">
<label htmlFor="show-past" className="text-sm text-neutral-600">
Show past conferences
</label>
<Switch
id="show-past"
checked={showPastConferences}
onCheckedChange={setShowPastConferences}
/>
</div>
</div>
</div>
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{filteredConferences.map((conference: Conference) => (
<ConferenceCard key={conference.id} {...conference} />
))}
</div>
</main>
</div>
);
};
export default Index;
|