From 2312258468c81c2ff8e5e44ab4df98ab4932cfb3 Mon Sep 17 00:00:00 2001
From: Milo Schwartz <mschwartz10612@gmail.com>
Date: Sun, 24 Nov 2024 23:28:38 -0500
Subject: [PATCH] add placeholder buttons to make all rows the same height

---
 .../settings/access/roles/components/RolesTable.tsx  | 12 +++++++++++-
 .../settings/access/users/components/UsersTable.tsx  |  9 ++++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/app/[orgId]/settings/access/roles/components/RolesTable.tsx b/src/app/[orgId]/settings/access/roles/components/RolesTable.tsx
index 3b8c9c17..f59e8cb9 100644
--- a/src/app/[orgId]/settings/access/roles/components/RolesTable.tsx
+++ b/src/app/[orgId]/settings/access/roles/components/RolesTable.tsx
@@ -65,6 +65,14 @@ export default function UsersTable({ roles: r }: RolesTableProps) {
                 return (
                     <>
                         <div className="flex items-center justify-end">
+                            {roleRow.isAdmin && (
+                                <Button
+                                    variant="ghost"
+                                    className="h-8 w-8 p-0 opacity-0 cursor-default"
+                                >
+                                    Placeholder
+                                </Button>
+                            )}
                             {!roleRow.isAdmin && (
                                 <DropdownMenu>
                                     <DropdownMenuTrigger asChild>
@@ -117,7 +125,9 @@ export default function UsersTable({ roles: r }: RolesTableProps) {
                     roleToDelete={roleToRemove}
                     afterDelete={() => {
                         setRoles((prev) =>
-                            prev.filter((r) => r.roleId !== roleToRemove.roleId)
+                            prev.filter(
+                                (r) => r.roleId !== roleToRemove.roleId,
+                            ),
                         );
                         setUserToRemove(null);
                     }}
diff --git a/src/app/[orgId]/settings/access/users/components/UsersTable.tsx b/src/app/[orgId]/settings/access/users/components/UsersTable.tsx
index f85463ec..5e1591d3 100644
--- a/src/app/[orgId]/settings/access/users/components/UsersTable.tsx
+++ b/src/app/[orgId]/settings/access/users/components/UsersTable.tsx
@@ -99,7 +99,9 @@ export default function UsersTable({ users: u }: UsersTableProps) {
 
                 return (
                     <div className="flex flex-row items-center gap-1">
-                        {userRow.isOwner && <Crown className="w-4 h-4 text-yellow-600" />}
+                        {userRow.isOwner && (
+                            <Crown className="w-4 h-4 text-yellow-600" />
+                        )}
                         <span>{userRow.role}</span>
                     </div>
                 );
@@ -113,6 +115,11 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                 return (
                     <>
                         <div className="flex items-center justify-end">
+                            {userRow.isOwner && (
+                                <Button variant="ghost" className="opacity-0 cursor-default">
+                                    Placeholder
+                                </Button>
+                            )}
                             {!userRow.isOwner && (
                                 <>
                                     <DropdownMenu>