update: nesting the whole chat functionality to persist audio player

src/app/dashboard/page.tsx

@@ -5,5 +5,5 @@ export default async function Page() {
   const { sessionClaims } = auth();
   console.log("sessionClaims", sessionClaims?.organizations);
   console.log(sessionClaims?.sub);
-  redirect(`/${sessionClaims?.sub}`);
+  redirect(`/usr/${sessionClaims?.sub}`);
 }

src/app/[uid]/layout.tsx → src/app/usr/layout.tsx

@@ -1,9 +1,9 @@
 "use client";
 import { Header } from "@/components/header";
-export const dynamic = "force-dynamic",
-  revalidate = 0;
+// export const dynamic = "force-dynamic",
+// revalidate = 0;
 import useStore from "@/store";
-import { useEffect, useRef } from "react";
+import { useRef, useEffect } from "react";
 
 export default function LoggedInLayout({
   children, // will be a page or nested layout
@@ -17,11 +17,13 @@ export default function LoggedInLayout({
     if (store.audioSrc && audioRef.current) {
       audioRef.current.src = store.audioSrc;
       audioRef.current.load();
+      audioRef.current.play();
     }
     if (!store.audioSrc) {
       audioRef.current?.pause();
     }
   }, [store.audioSrc]);
+  console.log("from nested layout");
 
   return (
     <div className="relative">

src/components/room.tsx

@@ -40,7 +40,10 @@ const RoomWrapper = (props: Props) => {
         <div className="flex space-between mb-2">
           <div className="flex items-center">
             <Button variant="outline" className="mr-2" asChild>
-              <Link onClick={() => setShowLoading(true)} href={`/${props.uid}`}>
+              <Link
+                onClick={() => setShowLoading(true)}
+                href={`/usr/${props.uid}`}
+              >
                 {showLoading ? (
                   <CircleNotch className="w-4 h-4 animate-spin" />
                 ) : (

src/components/startnewchatbutton.tsx

@@ -18,7 +18,7 @@ const Startnewchatbutton = (props: Props) => {
       method: "POST",
     });
     const data = await res.json();
-    router.push(`/${props.org_slug}/chat/${Number(data.newChatId)}`);
+    router.push(`/usr/${props.org_slug}/chat/${Number(data.newChatId)}`);
   };
 
   return (