561 redirect to results when cycle closes

packages/berlin/src/components/header/Header.tsx

@@ -182,14 +182,14 @@ function Header() {
                             )
                           );
                         })}
-                      <NavButton to={`/events/${events?.[0].id}/cycles`} $color="secondary">
-                        Agenda
-                      </NavButton>
                     </>
                   )}
                   <NavButton to={`/events/${events?.[0].id}/register`} $color="secondary">
                     My proposals
                   </NavButton>
+                  <NavButton to={`/events/${events?.[0].id}/cycles`} $color="secondary">
+                    Agenda
+                  </NavButton>
                   <NavButton to="/account" $color="secondary">
                     Account
                   </NavButton>

packages/berlin/src/pages/Cycle.tsx

@@ -1,7 +1,7 @@
 // React and third-party libraries
 import { useEffect, useMemo, useState } from 'react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import toast from 'react-hot-toast';
 
 // API
@@ -40,14 +40,16 @@
 
 function Cycle() {
   const queryClient = useQueryClient();
-
+  const navigate = useNavigate();
   const { user } = useUser();
   const { eventId, cycleId } = useParams();
   const { data: cycle } = useQuery({
     queryKey: ['cycles', cycleId],
     queryFn: () => fetchCycle(cycleId || ''),
     enabled: !!cycleId,
+    refetchInterval: 5000, // Poll every 5 seconds
   });
+
   const { data: userVotes } = useQuery({
     queryKey: ['votes', cycleId],
     queryFn: () => fetchUserVotes(cycleId || ''),
@@ -72,6 +74,13 @@
     order: 'desc',
   });
 
+  useEffect(() => {
+    if (cycle?.status === 'CLOSED') {
+      toast('Agenda has closed. Redirecting to results.');
+      navigate(`/events/${eventId}/cycles/${cycleId}/results`);
+    }
+  }, [cycle?.status]);
+
   useEffect(() => {
     if (cycle && cycle.startAt && cycle.endAt) {
       setStartAt(cycle.startAt);

packages/berlin/src/pages/Results.tsx

@@ -14,7 +14,7 @@ import { FINAL_QUESTION_TITLE } from '../utils/constants';
 function Results() {
   const [expandedIndex, setExpandedIndex] = useState<number | null>(null);
 
-  const { cycleId } = useParams();
+  const { eventId, cycleId } = useParams();
 
   const { data: cycle } = useQuery({
     queryKey: ['cycles', cycleId],
@@ -70,7 +70,7 @@ function Results() {
 
   return (
     <FlexColumn $gap="2rem">
-      <BackButton />
+      <BackButton fallbackRoute={`/events/${eventId}/cycles`} />
       <Subtitle>Results for: {cycle?.forumQuestions?.[0].questionTitle}</Subtitle>
       <FlexColumn $gap="0">
         <ResultsColumns $showFunding={!!funding} />