Metrics components refactoring. New event data page.

hooks/index.js

@@ -18,3 +18,4 @@ export * from './useSticky';
 export * from './useTheme';
 export * from './useTimezone';
 export * from './useUser';
+export * from './useWebsite';

hooks/useReports.js

@@ -1,8 +1,8 @@
 import useApi from './useApi';
 
-export function useReports() {
+export function useReports(websiteId) {
   const { get, useQuery } = useApi();
-  const { data, error, isLoading } = useQuery(['reports'], () => get(`/reports`));
+  const { data, error, isLoading } = useQuery(['reports'], () => get(`/reports`, { websiteId }));
 
   return { reports: data, error, isLoading };
 }

hooks/useWebsite.js

@@ -0,0 +1,10 @@
+import useApi from './useApi';
+
+export function useWebsite(websiteId) {
+  const { get, useQuery } = useApi();
+  return useQuery(['websites', websiteId], () => get(`/websites/${websiteId}`), {
+    enabled: !!websiteId,
+  });
+}
+
+export default useWebsite;