Refactored fetching to use react-query.

pages/api/websites/[id]/active.ts

@@ -20,7 +20,7 @@ export default async (
   const { id: websiteId } = req.query;
 
   if (req.method === 'GET') {
-    if (await canViewWebsite(req.auth, websiteId)) {
+    if (!(await canViewWebsite(req.auth, websiteId))) {
       return unauthorized(res);
     }
 

pages/api/websites/[id]/pageviews.ts

@@ -1,9 +1,9 @@
-import { NextApiRequestQueryBody, WebsitePageviews } from 'lib/types';
-import { canViewWebsite } from 'lib/auth';
-import { useAuth, useCors } from 'lib/middleware';
 import moment from 'moment-timezone';
 import { NextApiResponse } from 'next';
 import { badRequest, methodNotAllowed, ok, unauthorized } from 'next-basics';
+import { NextApiRequestQueryBody, WebsitePageviews } from 'lib/types';
+import { canViewWebsite } from 'lib/auth';
+import { useAuth, useCors } from 'lib/middleware';
 import { getPageviewStats } from 'queries';
 
 const unitTypes = ['year', 'month', 'hour', 'day'];
@@ -14,7 +14,7 @@ export interface WebsitePageviewRequestQuery {
   startAt: number;
   endAt: number;
   unit: string;
-  tz: string;
+  timezone: string;
   url?: string;
   referrer?: string;
   os?: string;
@@ -35,7 +35,7 @@ export default async (
     startAt,
     endAt,
     unit,
-    tz,
+    timezone,
     url,
     referrer,
     os,
@@ -52,7 +52,7 @@ export default async (
     const startDate = new Date(+startAt);
     const endDate = new Date(+endAt);
 
-    if (!moment.tz.zone(tz) || !unitTypes.includes(unit)) {
+    if (!moment.tz.zone(timezone) || !unitTypes.includes(unit)) {
       return badRequest(res);
     }
 
@@ -60,7 +60,7 @@ export default async (
       getPageviewStats(websiteId, {
         startDate,
         endDate,
-        timezone: tz,
+        timezone,
         unit,
         count: '*',
         filters: {
@@ -75,7 +75,7 @@ export default async (
       getPageviewStats(websiteId, {
         startDate,
         endDate,
-        timezone: tz,
+        timezone,
         unit,
         count: 'distinct pageview.',
         filters: {

pages/api/websites/index.ts

@@ -1,4 +1,3 @@
-import { Prisma } from '@prisma/client';
 import { canCreateWebsite } from 'lib/auth';
 import { uuid } from 'lib/crypto';
 import { useAuth, useCors } from 'lib/middleware';
@@ -40,7 +39,7 @@ export default async (
       return unauthorized(res);
     }
 
-    const data: Prisma.WebsiteUncheckedCreateInput = {
+    const data: any = {
       id: uuid(),
       name,
       domain,