Sessions page.

src/components/hooks/index.ts

@@ -5,6 +5,7 @@ export * from './queries/useLogin';
 export * from './queries/useRealtime';
 export * from './queries/useReport';
 export * from './queries/useReports';
+export * from './queries/useSession';
 export * from './queries/useSessions';
 export * from './queries/useShareToken';
 export * from './queries/useTeam';

src/components/hooks/queries/useSession.ts

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

src/components/hooks/queries/useSessions.ts

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