From 8048bc78669df7dcc7ec5b43fefe825fa9e9adfd Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Fri, 16 Feb 2024 13:09:20 -0800
Subject: [PATCH] Fix viewonly for teams addwebsite button

---
 .../settings/teams/[teamId]/websites/TeamWebsitesPage.tsx | 8 ++++----
 src/app/(main)/settings/users/UsersTable.tsx              | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesPage.tsx b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesPage.tsx
index ade43014..c5092c8b 100644
--- a/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesPage.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/websites/TeamWebsitesPage.tsx
@@ -12,16 +12,16 @@ export function TeamWebsitesPage({ teamId }: { teamId: string }) {
   const { formatMessage, labels } = useMessages();
   const { user } = useLogin();
 
-  const canEdit = team?.teamUser?.find(
-    ({ userId, role }) => role !== ROLES.viewOnly && userId === user.id,
+  const allowEdit = !!team?.teamUser?.find(
+    ({ userId, role }) => userId === user.id && role !== ROLES.teamViewOnly,
   );
 
   return (
     <>
       <PageHeader title={formatMessage(labels.websites)}>
-        {canEdit && <WebsiteAddButton teamId={teamId} />}
+        {allowEdit && <WebsiteAddButton teamId={teamId} />}
       </PageHeader>
-      <TeamWebsitesDataTable teamId={teamId} allowEdit={canEdit} />
+      <TeamWebsitesDataTable teamId={teamId} allowEdit={allowEdit} />
     </>
   );
 }
diff --git a/src/app/(main)/settings/users/UsersTable.tsx b/src/app/(main)/settings/users/UsersTable.tsx
index 88effa54..76a04809 100644
--- a/src/app/(main)/settings/users/UsersTable.tsx
+++ b/src/app/(main)/settings/users/UsersTable.tsx
@@ -26,7 +26,7 @@ export function UsersTable({
           )
         }
       </GridColumn>
-      <GridColumn name="created" label={formatMessage(labels.created)} width={'120px'}>
+      <GridColumn name="created" label={formatMessage(labels.created)} width={'150px'}>
         {row =>
           formatDistance(new Date(row.createdAt), new Date(), {
             addSuffix: true,