Session details screen.

src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.tsx

@@ -1,10 +1,12 @@
 'use client';
 import WebsiteHeader from '../../WebsiteHeader';
 import SessionInfo from './SessionInfo';
-import { useSession } from 'components/hooks';
+import { useWebsiteSession } from 'components/hooks';
 import { Loading } from 'react-basics';
 import Profile from 'components/common/Profile';
 import styles from './SessionDetailsPage.module.css';
+import { SessionActivity } from './SessionActivity';
+import SessionStats from './SessionStats';
 
 export default function SessionDetailsPage({
   websiteId,
@@ -13,7 +15,7 @@ export default function SessionDetailsPage({
   websiteId: string;
   sessionId: string;
 }) {
-  const { data, isLoading } = useSession(websiteId, sessionId);
+  const { data, isLoading } = useWebsiteSession(websiteId, sessionId);
 
   if (isLoading) {
     return <Loading position="page" />;
@@ -27,7 +29,12 @@ export default function SessionDetailsPage({
           <Profile seed={data?.id} />
           <SessionInfo data={data} />
         </div>
-        <div className={styles.content}>oh hi.</div>
+        <div className={styles.content}>
+          <SessionActivity websiteId={websiteId} sessionId={sessionId} />
+        </div>
+        <div className={styles.stats}>
+          <SessionStats data={data} />
+        </div>
       </div>
     </>
   );