From b5f66dcadc3096f5d57c9d91268bf50c761cecdc Mon Sep 17 00:00:00 2001
From: Ryan Hopper-Lowe <46546486+ryanhopperlowe@users.noreply.github.com>
Date: Tue, 7 Jan 2025 12:34:15 -0600
Subject: [PATCH] fix: update thread back button to navigate back in browser
 history (#1140)

- previously just went back to all threads page
---
 ui/admin/app/routes/_auth.threads.$id.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/ui/admin/app/routes/_auth.threads.$id.tsx b/ui/admin/app/routes/_auth.threads.$id.tsx
index 22c056563..b19ffaef7 100644
--- a/ui/admin/app/routes/_auth.threads.$id.tsx
+++ b/ui/admin/app/routes/_auth.threads.$id.tsx
@@ -1,11 +1,11 @@
 import { ArrowLeftIcon } from "lucide-react";
 import {
     ClientLoaderFunctionArgs,
-    Link,
     MetaFunction,
     redirect,
     useLoaderData,
     useMatch,
+    useNavigate,
 } from "react-router";
 import { $path } from "safe-routes";
 
@@ -82,6 +82,7 @@ export default function ChatAgent() {
 
     const entity = getEntity();
 
+    const navigate = useNavigate();
     return (
         <div className="h-full flex flex-col overflow-hidden relative">
             <Tooltip>
@@ -92,9 +93,13 @@ export default function ChatAgent() {
                     asChild
                 >
                     <TooltipTrigger>
-                        <Link to="/threads">
+                        <Button
+                            size="icon"
+                            variant="outline"
+                            onClick={() => navigate(-1)}
+                        >
                             <ArrowLeftIcon className="h-4 w-4" />
-                        </Link>
+                        </Button>
                     </TooltipTrigger>
                 </Button>
                 <TooltipContent>Go Back</TooltipContent>