SmallUserDisplay in assign toast

packages/frontend/src/components/issue-detail-pane.tsx

@@ -117,7 +117,10 @@ export function IssueDetailPane({
             onSuccess: () => {
                 const user = members.find((member) => member.id === newAssigneeId);
                 toast.success(
-                    `Assigned ${user?.name} to ${issueID(project.Project.key, issueData.Issue.number)}`,
+                    <div className={"flex items-center gap-2"}>
+                        Assigned {user ? <SmallUserDisplay user={user} className={"text-sm"} /> : "unknown"}{" "}
+                        to {issueID(project.Project.key, issueData.Issue.number)}
+                    </div>,
                     {
                         dismissible: false,
                     },

packages/frontend/src/main.tsx

@@ -15,8 +15,8 @@ import Test from "@/pages/Test";
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
     <React.StrictMode>
         <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
-            <BrowserRouter>
-                <SessionProvider>
+            <SessionProvider>
+                <BrowserRouter>
                     <Routes>
                         {/* public routes */}
                         <Route path="/" element={<Landing />} />
@@ -43,9 +43,9 @@ ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
 
                         <Route path="*" element={<NotFound />} />
                     </Routes>
-                </SessionProvider>
-            </BrowserRouter>
-            <Toaster visibleToasts={1} duration={2000} />
+                </BrowserRouter>
+                <Toaster visibleToasts={1} duration={2000} />
+            </SessionProvider>
         </ThemeProvider>
     </React.StrictMode>,
 );