Added useApi hook.

components/metrics/ActiveUsers.js

@@ -9,7 +9,7 @@ import styles from './ActiveUsers.module.css';
 
 export default function ActiveUsers({ websiteId, className, value, interval = 60000 }) {
   const shareToken = useShareToken();
-  const { data } = useFetch(!value && `/api/website/${websiteId}/active`, {
+  const { data } = useFetch(!value && `/website/${websiteId}/active`, {
     interval,
     headers: { [TOKEN_HEADER]: shareToken?.token },
   });

components/metrics/EventsChart.js

@@ -17,7 +17,7 @@ export default function EventsChart({ websiteId, className, token }) {
   const shareToken = useShareToken();
 
   const { data, loading } = useFetch(
-    `/api/website/${websiteId}/events`,
+    `/website/${websiteId}/events`,
     {
       params: {
         start_at: +startDate,

components/metrics/MetricsBar.js

@@ -22,7 +22,7 @@ export default function MetricsBar({ websiteId, className }) {
   } = usePageQuery();
 
   const { data, error, loading } = useFetch(
-    `/api/website/${websiteId}/stats`,
+    `/website/${websiteId}/stats`,
     {
       params: {
         start_at: +startDate,

components/metrics/MetricsTable.js

@@ -35,7 +35,7 @@ export default function MetricsTable({
   } = usePageQuery();
 
   const { data, loading, error } = useFetch(
-    `/api/website/${websiteId}/metrics`,
+    `/website/${websiteId}/metrics`,
     {
       params: {
         type,

components/metrics/WebsiteChart.js

@@ -41,7 +41,7 @@ export default function WebsiteChart({
   } = usePageQuery();
 
   const { data, loading, error } = useFetch(
-    `/api/website/${websiteId}/pageviews`,
+    `/website/${websiteId}/pageviews`,
     {
       params: {
         start_at: +startDate,