Merge branch 'dev' into analytics

src/app/(main)/reports/ReportsHeader.tsx

@@ -1,20 +1,25 @@
 import PageHeader from 'components/layout/PageHeader';
 import { Icon, Icons, Text } from 'react-basics';
-import { useMessages, useTeamUrl } from 'components/hooks';
+import { useLogin, useMessages, useTeamUrl } from 'components/hooks';
 import LinkButton from 'components/common/LinkButton';
+import { ROLES } from 'lib/constants';
 
 export function ReportsHeader() {
   const { formatMessage, labels } = useMessages();
   const { renderTeamUrl } = useTeamUrl();
+  const { user } = useLogin();
+  const canEdit = user.role !== ROLES.viewOnly;
 
   return (
     <PageHeader title={formatMessage(labels.reports)}>
-      <LinkButton href={renderTeamUrl('/reports/create')} variant="primary">
+      {canEdit && (
-        <Icon>
+        <LinkButton href={renderTeamUrl('/reports/create')} variant="primary">
-          <Icons.Plus />
+          <Icon>
-        </Icon>
+            <Icons.Plus />
-        <Text>{formatMessage(labels.createReport)}</Text>
+          </Icon>
-      </LinkButton>
+          <Text>{formatMessage(labels.createReport)}</Text>
+        </LinkButton>
+      )}
     </PageHeader>
   );
 }

src/app/(main)/settings/teams/[teamId]/members/TeamMembersPage.tsx

@@ -11,9 +11,9 @@ export function TeamMembersPage({ teamId }: { teamId: string }) {
   const { user } = useLogin();
   const { formatMessage, labels } = useMessages();
 
-  const canEdit = team?.teamUser?.find(
+  const canEdit =
-    ({ userId, role }) => role === ROLES.teamOwner && userId === user.id,
+    team?.teamUser?.find(({ userId, role }) => role === ROLES.teamOwner && userId === user.id) &&
-  );
+    user.role !== ROLES.viewOnly;
 
   return (
     <>

src/app/(main)/settings/teams/[teamId]/team/TeamDetails.tsx

@@ -15,9 +15,9 @@ export function TeamDetails({ teamId }: { teamId: string }) {
   const { user } = useLogin();
   const [tab, setTab] = useState('details');
 
-  const canEdit = !!team?.teamUser?.find(
+  const canEdit =
-    ({ userId, role }) => role === ROLES.teamOwner && userId === user.id,
+    !!team?.teamUser?.find(({ userId, role }) => role === ROLES.teamOwner && userId === user.id) &&
-  );
+    user.role !== ROLES.viewOnly;
 
   return (
     <Flexbox direction="column">

src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesPage.tsx

@@ -12,16 +12,17 @@ export function TeamWebsitesPage({ teamId }: { teamId: string }) {
   const { formatMessage, labels } = useMessages();
   const { user } = useLogin();
 
-  const allowEdit = !!team?.teamUser?.find(
+  const canEdit =
-    ({ userId, role }) => userId === user.id && role !== ROLES.teamViewOnly,
+    !!team?.teamUser?.find(
-  );
+      ({ userId, role }) => userId === user.id && role !== ROLES.teamViewOnly,
+    ) && user.role !== ROLES.viewOnly;
 
   return (
     <>
       <PageHeader title={formatMessage(labels.websites)}>
-        {allowEdit && <WebsiteAddButton teamId={teamId} />}
+        {canEdit && <WebsiteAddButton teamId={teamId} />}
       </PageHeader>
-      <TeamWebsitesDataTable teamId={teamId} allowEdit={allowEdit} />
+      <TeamWebsitesDataTable teamId={teamId} allowEdit={canEdit} />
     </>
   );
 }

src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesTable.tsx

@@ -13,12 +13,15 @@ export function TeamWebsitesTable({
   allowEdit?: boolean;
 }) {
   const { user } = useLogin();
-
   const { formatMessage, labels } = useMessages();
+
   return (
     <GridTable data={data}>
       <GridColumn name="name" label={formatMessage(labels.name)} />
       <GridColumn name="domain" label={formatMessage(labels.domain)} />
+      <GridColumn name="createdBy" label={formatMessage(labels.createdBy)}>
+        {row => row?.createUser?.username}
+      </GridColumn>
       <GridColumn name="action" label=" " alignment="end">
         {row => {
           const { id: websiteId } = row;

src/app/(main)/settings/websites/WebsitesSettingsPage.tsx

@@ -1,11 +1,16 @@
 'use client';
+import { useLogin } from 'components/hooks';
 import WebsitesDataTable from './WebsitesDataTable';
 import WebsitesHeader from './WebsitesHeader';
+import { ROLES } from 'lib/constants';
 
 export default function WebsitesSettingsPage({ teamId }: { teamId: string }) {
+  const { user } = useLogin();
+  const canCreate = user.role !== ROLES.viewOnly;
+
   return (
     <>
-      <WebsitesHeader teamId={teamId} />
+      <WebsitesHeader teamId={teamId} allowCreate={canCreate} />
       <WebsitesDataTable teamId={teamId} />
     </>
   );

src/app/(main)/websites/WebsitesPage.tsx

@@ -1,14 +1,11 @@
 'use client';
 import WebsitesHeader from 'app/(main)/settings/websites/WebsitesHeader';
 import WebsitesDataTable from 'app/(main)/settings/websites/WebsitesDataTable';
-import { useLogin } from 'components/hooks';
-
-export default function WebsitesPage({ teamId }: { teamId: string; userId: string }) {
-  const { user } = useLogin();
 
+export default function WebsitesPage({ teamId }: { teamId: string }) {
   return (
     <>
-      <WebsitesHeader teamId={teamId} allowCreate={user.role !== 'view-only'} />
+      <WebsitesHeader teamId={teamId} allowCreate={false} />
       <WebsitesDataTable teamId={teamId} allowEdit={false} />
     </>
   );

src/components/messages.ts

@@ -26,6 +26,7 @@ export const labels = defineMessages({
   myWebsites: { id: 'label.my-websites', defaultMessage: 'My websites' },
   teamWebsites: { id: 'label.team-websites', defaultMessage: 'Team websites' },
   created: { id: 'label.created', defaultMessage: 'Created' },
+  createdBy: { id: 'label.created-by', defaultMessage: 'Created By' },
   edit: { id: 'label.edit', defaultMessage: 'Edit' },
   name: { id: 'label.name', defaultMessage: 'Name' },
   member: { id: 'label.member', defaultMessage: 'Member' },

src/lib/data.ts

@@ -1,4 +1,4 @@
-import { isValid, parseISO } from 'date-fns';
+import { isValid } from 'date-fns';
 import { DATA_TYPE } from './constants';
 import { DynamicDataType } from './types';
 
@@ -28,7 +28,7 @@ export function flattenJSON(
 export function getDataType(value: any): string {
   let type: string = typeof value;
 
-  if ((type === 'string' && isValid(value)) || isValid(parseISO(value))) {
+  if ((type === 'string' && isValid(value)) || isValid(new Date(value))) {
     type = 'date';
   }
 

src/pages/api/reports/index.ts

@@ -6,7 +6,7 @@ import { NextApiResponse } from 'next';
 import { methodNotAllowed, ok, unauthorized } from 'next-basics';
 import { createReport, getReports } from 'queries';
 import * as yup from 'yup';
-import { canViewTeam, canViewWebsite } from 'lib/auth';
+import { canUpdateWebsite, canViewTeam, canViewWebsite } from 'lib/auth';
 
 export interface ReportRequestBody {
   websiteId: string;
@@ -89,6 +89,10 @@ export default async (
   if (req.method === 'POST') {
     const { websiteId, type, name, description, parameters } = req.body;
 
+    if (!(await canUpdateWebsite(req.auth, websiteId))) {
+      return unauthorized(res);
+    }
+
     const result = await createReport({
       id: uuid(),
       userId,

src/pages/api/websites/index.ts

@@ -62,6 +62,7 @@ export default async (
 
     const data: any = {
       id: uuid(),
+      createdBy: userId,
       name,
       domain,
       shareId,

src/queries/admin/website.ts

@@ -87,7 +87,7 @@ export async function getTeamWebsites(
         teamId,
       },
       include: {
-        user: {
+        createUser: {
           select: {
             id: true,
             username: true,