show most recent convo on homepage (All-Hands-AI#5769)

d-walsh · Dec 24, 2024 · 87176fb · 87176fb
1 parent 846ab0f
commit 87176fb
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/frontend/src/api/open-hands.ts b/frontend/src/api/open-hands.ts
@@ -260,6 +260,8 @@ class OpenHands {
       args: params.args,
       selected_repository: params.selectedRepository,
     });
+    // TODO: remove this once we have a multi-conversation UI
+    localStorage.setItem("latest_conversation_id", data.conversation_id);
     return data;
   }
 }

diff --git a/frontend/src/routes/_oh._index/route.tsx b/frontend/src/routes/_oh._index/route.tsx
@@ -31,13 +31,15 @@ function Home() {
     gitHubClientId: config?.GITHUB_CLIENT_ID || null,
   });
 
+  const latestConversation = localStorage.getItem("latest_conversation_id");
+
   return (
     <div
       data-testid="root-index"
       className="bg-root-secondary h-full rounded-xl flex flex-col items-center justify-center relative overflow-y-auto"
     >
       <HeroHeading />
-      <div className="flex flex-col gap-16 w-[600px] items-center">
+      <div className="flex flex-col gap-8 w-[600px] items-center">
         <div className="flex flex-col gap-2 w-full">
           <TaskForm ref={formRef} />
         </div>
@@ -67,6 +69,19 @@ function Home() {
           />
         </div>
       </div>
+      {latestConversation && (
+        <div className="flex gap-4 w-full text-center mt-8">
+          <p className="text-center w-full">
+            Or&nbsp;
+            <a
+              className="underline"
+              href={`/conversations/${latestConversation}`}
+            >
+              jump back to your most recent conversation
+            </a>
+          </p>
+        </div>
+      )}
     </div>
   );
 }