Report updates.

hooks/index.js

@@ -9,6 +9,7 @@ export * from './useLanguageNames';
 export * from './useLocale';
 export * from './useMessages';
 export * from './usePageQuery';
+export * from './useReport';
 export * from './useRequireLogin';
 export * from './useShareToken';
 export * from './useSticky';

hooks/useDateRange.js

@@ -12,14 +12,14 @@ export function useDateRange(websiteId) {
   const globalConfig = appStore(state => state.dateRange);
   const dateRange = parseDateRange(websiteConfig || globalConfig || defaultConfig, locale);
 
-  function saveDateRange(value) {
+  const saveDateRange = value => {
     if (websiteId) {
       setWebsiteDateRange(websiteId, value);
     } else {
       setItem(DATE_RANGE_CONFIG, value);
       setDateRange(value);
     }
-  }
+  };
 
   return [dateRange, saveDateRange];
 }

hooks/useReport.js

@@ -0,0 +1,22 @@
+import useStore, { createReport } from 'store/reports';
+import { useCallback, useEffect, useState } from 'react';
+import { useForceUpdate } from 'hooks';
+
+export function useReport(reportId) {
+  const [id, setId] = useState(reportId);
+
+  const selector = useCallback(state => state[id], [id]);
+  const report = useStore(selector);
+
+  useEffect(() => {
+    if (!report) {
+      setId(createReport().id);
+    }
+  }, []);
+
+  console.log('USE REPORT', report);
+
+  return report;
+}
+
+export default useReport;