fix: help button (#120)

oaknational · Sep 12, 2024 · d13a945 · d13a945
1 parent 43403df
commit d13a945
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/apps/nextjs/src/app/aila/help/index.tsx b/apps/nextjs/src/app/aila/help/index.tsx
@@ -3,7 +3,7 @@
 import { useRef } from "react";
 
 import { OakLink } from "@oaknational/oak-components";
-import { useParams } from "next/navigation";
+import { useSearchParams } from "next/navigation";
 
 import { Header } from "@/components/AppComponents/Chat/header";
 import GetInTouchBox from "@/components/AppComponents/GetInTouchBox";
@@ -26,7 +26,8 @@ const Help = () => {
     }
   };
 
-  const ailaId = useParams().ailaId;
+  const searchParams = useSearchParams();
+  const ailaId = searchParams.get("ailaId");
 
   return (
     <>

diff --git a/apps/nextjs/src/components/AppComponents/Chat/chat-history.tsx b/apps/nextjs/src/components/AppComponents/Chat/chat-history.tsx
@@ -31,7 +31,7 @@ export function ChatHistory() {
           AI experiments page
         </ChatButton>
         <ChatButton
-          href={ailaId ? `aila/help/?ailaId=${ailaId}` : "/aila/help"}
+          href={ailaId ? `/aila/help/?ailaId=${ailaId}` : "/aila/help"}
           variant="text-link"
         >
           <span className="scale-90">

diff --git a/apps/nextjs/src/components/AppComponents/Chat/header.tsx b/apps/nextjs/src/components/AppComponents/Chat/header.tsx
@@ -67,7 +67,7 @@ export function Header() {
         <div className="flex items-center justify-end space-x-12">
           <Link
             className="hidden items-center sm:flex"
-            href={ailaId ? `aila/help/?ailaId=${ailaId}` : "/aila/help"}
+            href={ailaId ? `/aila/help/?ailaId=${ailaId}` : "/aila/help"}
             target="_blank"
           >
             <OakIcon iconName="question-mark" $width="all-spacing-6" />