Session details screen.

src/components/hooks/queries/useSessionActivity.ts

@@ -0,0 +1,12 @@
+import { useApi } from './useApi';
+
+export function useSessionActivity(websiteId: string, sessionId: string) {
+  const { get, useQuery } = useApi();
+
+  return useQuery({
+    queryKey: ['session:activity', { websiteId, sessionId }],
+    queryFn: () => {
+      return get(`/websites/${websiteId}/sessions/${sessionId}/activity`);
+    },
+  });
+}

src/components/hooks/queries/useWebsiteSession.ts

@@ -1,6 +1,6 @@
 import { useApi } from './useApi';
 
-export function useSession(websiteId: string, sessionId: string) {
+export function useWebsiteSession(websiteId: string, sessionId: string) {
   const { get, useQuery } = useApi();
 
   return useQuery({
@@ -11,4 +11,4 @@ export function useSession(websiteId: string, sessionId: string) {
   });
 }
 
-export default useSession;
+export default useWebsiteSession;

src/components/hooks/queries/useWebsiteSessions.ts

@@ -2,7 +2,7 @@ import { useApi } from './useApi';
 import { useFilterQuery } from './useFilterQuery';
 import useModified from '../useModified';
 
-export function useSessions(websiteId: string, params?: { [key: string]: string | number }) {
+export function useWebsiteSessions(websiteId: string, params?: { [key: string]: string | number }) {
   const { get } = useApi();
   const { modified } = useModified(`sessions`);
 
@@ -17,4 +17,4 @@ export function useSessions(websiteId: string, params?: { [key: string]: string
   });
 }
 
-export default useSessions;
+export default useWebsiteSessions;