From e8d8a8a84a0b84518be8ca495d0a997ee1a2a77f Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Thu, 8 Feb 2024 14:05:35 -0800
Subject: [PATCH] Fix buttons / dropdown values

---
 src/app/(main)/reports/ReportDeleteButton.tsx             | 2 +-
 .../teams/[teamId]/members/TeamMemberEditButton.tsx       | 2 +-
 .../teams/[teamId]/members/TeamMemberEditForm.tsx         | 8 ++++----
 .../teams/[teamId]/members/TeamMemberRemoveButton.tsx     | 2 +-
 src/components/messages.ts                                | 1 +
 5 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/app/(main)/reports/ReportDeleteButton.tsx b/src/app/(main)/reports/ReportDeleteButton.tsx
index 7ad9c465..d51f7144 100644
--- a/src/app/(main)/reports/ReportDeleteButton.tsx
+++ b/src/app/(main)/reports/ReportDeleteButton.tsx
@@ -30,7 +30,7 @@ export function ReportDeleteButton({
 
   return (
     <ModalTrigger>
-      <Button variant="quiet">
+      <Button>
         <Icon>
           <Icons.Trash />
         </Icon>
diff --git a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditButton.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditButton.tsx
index 31186055..9cc99869 100644
--- a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditButton.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditButton.tsx
@@ -25,7 +25,7 @@ export function TeamMemberEditButton({
 
   return (
     <ModalTrigger>
-      <Button variant="quiet">
+      <Button>
         <Icon>
           <Icons.Edit />
         </Icon>
diff --git a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditForm.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditForm.tsx
index b54757e7..0c22ac76 100644
--- a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditForm.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberEditForm.tsx
@@ -11,7 +11,7 @@ import {
   SubmitButton,
 } from 'react-basics';
 
-export function UserAddForm({
+export function TeamMemberEditForm({
   teamId,
   userId,
   role,
@@ -41,7 +41,7 @@ export function UserAddForm({
 
   const renderValue = (value: string) => {
     if (value === ROLES.teamMember) {
-      return formatMessage(labels.teamMember);
+      return formatMessage(labels.member);
     }
     if (value === ROLES.teamViewOnly) {
       return formatMessage(labels.viewOnly);
@@ -58,7 +58,7 @@ export function UserAddForm({
               minWidth: '250px',
             }}
           >
-            <Item key={ROLES.teamMember}>{formatMessage(labels.teamMember)}</Item>
+            <Item key={ROLES.teamMember}>{formatMessage(labels.member)}</Item>
             <Item key={ROLES.teamViewOnly}>{formatMessage(labels.viewOnly)}</Item>
           </Dropdown>
         </FormInput>
@@ -75,4 +75,4 @@ export function UserAddForm({
   );
 }
 
-export default UserAddForm;
+export default TeamMemberEditForm;
diff --git a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx
index f19d857b..3f024395 100644
--- a/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx
+++ b/src/app/(main)/settings/teams/[teamId]/members/TeamMemberRemoveButton.tsx
@@ -35,7 +35,7 @@ export function TeamMemberRemoveButton({
 
   return (
     <ModalTrigger>
-      <Button variant="quiet">
+      <Button>
         <Icon>
           <Icons.Close />
         </Icon>
diff --git a/src/components/messages.ts b/src/components/messages.ts
index 666680e2..b201c198 100644
--- a/src/components/messages.ts
+++ b/src/components/messages.ts
@@ -28,6 +28,7 @@ export const labels = defineMessages({
   created: { id: 'label.created', defaultMessage: 'Created' },
   edit: { id: 'label.edit', defaultMessage: 'Edit' },
   name: { id: 'label.name', defaultMessage: 'Name' },
+  member: { id: 'label.member', defaultMessage: 'Member' },
   members: { id: 'label.members', defaultMessage: 'Members' },
   accessCode: { id: 'label.access-code', defaultMessage: 'Access code' },
   teamId: { id: 'label.team-id', defaultMessage: 'Team ID' },