Fixed reports queries.

src/components/hooks/queries/useReports.ts

@@ -6,11 +6,9 @@ export function useReports({ websiteId, teamId }: { websiteId?: string; teamId?:
   const modified = useCache((state: any) => state?.reports);
   const { get, del, useMutation } = useApi();
   const queryResult = useFilterQuery({
-    queryKey: ['reports', { websiteId, modified }],
+    queryKey: ['reports', { websiteId, teamId, modified }],
     queryFn: (params: any) => {
-      const url = websiteId ? `/websites/${websiteId}/reports` : `/reports`;
+      return get('/reports', { websiteId, teamId, ...params });
-
-      return get(teamId ? `/teams/${teamId}${url}` : url, params);
     },
   });
   const { mutate } = useMutation({ mutationFn: (reportId: string) => del(`/reports/${reportId}`) });

src/components/input/ProfileButton.tsx

@@ -29,9 +29,6 @@ export function ProfileButton() {
         <Icon>
           <Icons.Profile />
         </Icon>
-        <Icon size="sm">
-          <Icons.ChevronDown />
-        </Icon>
       </Button>
       <Popup position="bottom" alignment={dir === 'rtl' ? 'start' : 'end'}>
         <Menu onSelect={handleSelect} className={styles.menu}>

src/components/metrics/ListTable.tsx

@@ -63,6 +63,7 @@ export function ListTable({
         {data?.length === 0 && <Empty className={styles.empty} />}
         {virtualize && data.length > 0 ? (
           <FixedSizeList
+            width="100%"
             height={itemCount * ITEM_SIZE}
             itemCount={data.length}
             itemSize={ITEM_SIZE}

src/pages/api/reports/index.ts

@@ -4,7 +4,7 @@ import { NextApiRequestQueryBody, SearchFilter } from 'lib/types';
 import { pageInfo } from 'lib/schema';
 import { NextApiResponse } from 'next';
 import { methodNotAllowed, ok } from 'next-basics';
-import { createReport, getUserReports } from 'queries';
+import { createReport, getReports } from 'queries';
 import * as yup from 'yup';
 
 export interface ReportsRequestQuery extends SearchFilter {}
@@ -50,13 +50,25 @@ export default async (
   } = req.auth;
 
   if (req.method === 'GET') {
-    const { page, query, pageSize } = req.query;
+    const { page, query, pageSize, websiteId, teamId } = req.query;
-
+    const filters = {
-    const data = await getUserReports(userId, {
       page,
       pageSize: +pageSize || undefined,
       query,
-    });
+    };
+
+    const data = await getReports(
+      {
+        where: {
+          userId: !(websiteId && teamId) ? userId : undefined,
+          websiteId,
+        },
+        include: {
+          website: true,
+        },
+      },
+      filters,
+    );
 
     return ok(res, data);
   }

src/queries/admin/report.ts

@@ -24,9 +24,9 @@ export async function getReports(
   const { query, userId, websiteId } = filters;
 
   const where: Prisma.ReportWhereInput = {
-    ...criteria.where,
     userId,
     websiteId,
+    ...criteria.where,
     AND: [
       {
         OR: [