Add link to Google Maps

src/components/ConferenceDialog.tsx

@@ -164,6 +164,10 @@ END:VCALENDAR`;
     }
   };
 
+  const generateGoogleMapsUrl = (venue: string | undefined, place: string): string => {
+    return `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(venue || place)}`;
+  };
+
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="dialog-content max-w-md">
@@ -184,7 +188,15 @@ END:VCALENDAR`;
             </div>
             <div className="flex items-center text-neutral">
               <Globe className="h-5 w-5 mr-3 flex-shrink-0" />
-              <span>{conference.place}</span>
+              <a
+                href={generateGoogleMapsUrl(conference.venue, conference.place)}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="hover:text-primary hover:underline"
+                onClick={(e) => e.stopPropagation()}
+              >
+                {conference.place}
+              </a>
             </div>
             <div className="flex items-center text-neutral">
               <Clock className="h-5 w-5 mr-3 flex-shrink-0" />

src/components/FilterBar.tsx

@@ -7,7 +7,7 @@ interface FilterBarProps {
   onTagSelect: (tags: Set<string>) => void;
 }
 
-const FilterBar = ({ selectedTags, onTagSelect }: FilterBarProps) => {
+const FilterBar = ({ selectedTags = new Set(), onTagSelect }: FilterBarProps) => {
   const uniqueTags = useMemo(() => {
     const tags = new Set<string>();
     if (Array.isArray(conferencesData)) {
@@ -26,6 +26,10 @@ const FilterBar = ({ selectedTags, onTagSelect }: FilterBarProps) => {
     }));
   }, []);
 
+  const isTagSelected = (tagId: string) => {
+    return selectedTags?.has(tagId) ?? false;
+  };
+
   return (
     <div className="w-full py-6 bg-white border-b border-neutral-200 animate-fade-in shadow-sm">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -36,7 +40,7 @@ const FilterBar = ({ selectedTags, onTagSelect }: FilterBarProps) => {
               title={filter.description}
               onClick={() => {
                 const newTags = new Set(selectedTags);
-                if (newTags.has(filter.id)) {
+                if (isTagSelected(filter.id)) {
                   newTags.delete(filter.id);
                 } else {
                   newTags.add(filter.id);
@@ -46,7 +50,7 @@ const FilterBar = ({ selectedTags, onTagSelect }: FilterBarProps) => {
               className={`
                 px-4 py-2 text-sm font-medium rounded-lg transition-all duration-200
                 filter-tag
-                ${selectedTags.has(filter.id)
+                ${isTagSelected(filter.id)
                   ? "bg-primary text-white shadow-sm filter-tag-active" 
                   : "bg-neutral-50 text-neutral-600 hover:bg-neutral-100 hover:text-neutral-900"
                 }
@@ -56,7 +60,7 @@ const FilterBar = ({ selectedTags, onTagSelect }: FilterBarProps) => {
             </button>
           ))}
           
-          {selectedTags.size > 0 && (
+          {selectedTags?.size > 0 && (
             <button
               onClick={() => onTagSelect(new Set())}
               className="px-4 py-2 text-sm font-medium rounded-lg transition-all duration-200

src/pages/Calendar.tsx

@@ -44,6 +44,7 @@ const categoryNames: Record<string, string> = {
 const CalendarPage = () => {
   const [selectedDate, setSelectedDate] = useState<Date | undefined>(new Date());
   const [isYearView, setIsYearView] = useState(true);
+  const [currentMonth, setCurrentMonth] = useState<Date>(new Date());
   const [searchQuery, setSearchQuery] = useState("");
   const [selectedDayEvents, setSelectedDayEvents] = useState<{ date: Date | null, events: { deadlines: Conference[], conferences: Conference[] } }>({
     date: null,
@@ -522,6 +523,11 @@ const CalendarPage = () => {
     );
   };
 
+  const handleMonthChange = (month: Date) => {
+    setCurrentMonth(month);
+    setSelectedDate(month);
+  };
+
   return (
     <div className="min-h-screen bg-neutral-light">
       <Header onSearch={setSearchQuery} />
@@ -606,7 +612,8 @@ const CalendarPage = () => {
                 numberOfMonths={isYearView ? 12 : 1}
                 showOutsideDays={false}
                 defaultMonth={new Date(currentYear, 0)}
-                month={new Date(currentYear, 0)}
+                month={isYearView ? new Date(currentYear, 0) : currentMonth}
+                onMonthChange={handleMonthChange}
                 fromMonth={isYearView ? new Date(currentYear, 0) : undefined}
                 toMonth={isYearView ? new Date(currentYear, 11) : undefined}
                 className="bg-white rounded-lg p-6 shadow-sm mx-auto w-full"
@@ -641,7 +648,7 @@ const CalendarPage = () => {
                   day_today: "bg-neutral-100 text-primary font-semibold",
                   day_outside: "hidden",
                   nav: "space-x-1 flex items-center",
-                  nav_button: "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+                  nav_button: isYearView ? "hidden" : "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
                   nav_button_previous: "absolute left-1",
                   nav_button_next: "absolute right-1"
                 }}

src/pages/Index.tsx

@@ -50,7 +50,10 @@ const Index = () => {
       <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 selectedTags={selectedTags} onTagSelect={setSelectedTags} />
+          <FilterBar 
+            selectedTags={selectedTags}
+            onTagSelect={setSelectedTags}
+          />
           <div className="flex items-center gap-2">
             <label htmlFor="show-past" className="text-sm text-neutral-600">
               Show past conferences