chore: refactor to not use localstorage

apps/nextjs/src/components/AppComponents/Chat/sidebar-item.tsx

@@ -27,10 +27,10 @@ interface SidebarItemProps {
 }
 
 export function SidebarItem({ chat }: SidebarItemProps) {
-  const { setDialogWindow } = useDialog();
+  const { setDialogWindow, setDialogProps } = useDialog();
   const [isHovered, setIsHovered] = useState(false);
   function deleteChatById() {
-    localStorage.setItem("chatIdToDelete", chat.id);
+    setDialogProps({ chatIdToDelete: chat.id });
     setDialogWindow("clear-single-chat");
   }
   return (

apps/nextjs/src/components/AppComponents/DialogContext/index.tsx

@@ -7,6 +7,8 @@ import type { DialogTypes } from "../Chat/Chat/types";
 interface DialogContextType {
   dialogWindow: DialogTypes;
   setDialogWindow: React.Dispatch<React.SetStateAction<DialogTypes>>;
+  dialogProps?: Record<string, unknown>;
+  setDialogProps: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
 }
 
 const DialogContext = createContext<DialogContextType | undefined>(undefined);
@@ -15,10 +17,11 @@ export const DialogProvider: React.FC<React.PropsWithChildren> = ({
   children,
 }) => {
   const [dialogWindow, setDialogWindow] = useState<DialogTypes>("");
+  const [dialogProps, setDialogProps] = useState<Record<string, unknown>>({});
 
   const value = useMemo(
-    () => ({ dialogWindow, setDialogWindow }),
-    [dialogWindow],
+    () => ({ dialogWindow, setDialogWindow, dialogProps, setDialogProps }),
+    [dialogWindow, dialogProps],
   );
 
   return (

apps/nextjs/src/components/DialogControl/ContentOptions/ClearChatHistory.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useTransition } from "react";
+import { useTransition } from "react";
 import { toast } from "react-hot-toast";
 
 import {

apps/nextjs/src/components/DialogControl/ContentOptions/ClearSingleChatFromChatHistory.tsx

@@ -1,16 +1,16 @@
 "use client";
 
 import { useTransition } from "react";
-import { toast } from "react-hot-toast";
 
 import {
   OakFlex,
   OakP,
   OakSmallPrimaryButton,
   OakSmallSecondaryButton,
 } from "@oaknational/oak-components";
-import { showReportDialog } from "@sentry/nextjs/build/types/server";
+import * as Sentry from "@sentry/nextjs";
 
+import { useDialog } from "@/components/AppComponents/DialogContext";
 import LoadingWheel from "@/components/LoadingWheel";
 import { trpc } from "@/utils/trpc";
 
@@ -19,20 +19,20 @@ const ClearSingleChatFromChatHistory = ({
 }: {
   closeDialog: () => void;
 }) => {
+  const { dialogProps, setDialogProps } = useDialog();
   const { mutate, isLoading } =
     trpc.chat.appSessions.deleteChatById.useMutation({
       onSuccess() {
-        console.log("Chat history cleared");
         closeDialog();
-        localStorage.removeItem("chatIdToDelete");
+        setDialogProps({});
       },
       onError() {
-        console.error("Failed to clear chat history");
+        Sentry.captureMessage("Error deleting chat");
       },
     });
 
   function deleteChatById() {
-    const id = localStorage.getItem("chatIdToDelete");
+    const id = dialogProps?.chatIdToDelete;
     if (typeof id !== "string") {
       return;
     }

apps/nextjs/src/components/DialogControl/DialogContents.tsx

@@ -33,8 +33,11 @@ const DialogContents = ({
   submit?: () => void;
   isShared?: boolean | undefined;
 }) => {
-  const { dialogWindow, setDialogWindow } = useDialog();
-  const closeDialog = () => setDialogWindow("");
+  const { dialogWindow, setDialogWindow, setDialogProps } = useDialog();
+  const closeDialog = () => {
+    setDialogWindow("");
+    setDialogProps({});
+  };
 
   return (
     <Dialog.Portal>