Merge pull request #143 from supertokens/fix/add-user-button-backport

fix: Users List button not visible

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [unreleased]
 
+## [0.10.6] - 2024-04-01
+
+-   Backport for fixing a regression bug in user management dashboard that causes the add user button to not be visible when there is only one tenant.
+
 ## [0.10.5] - 2024-03-19
 
 -   Fixes UI bugs on search and Login methods section in userDetails page.

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "dashboard",
-	"version": "0.10.5",
+	"version": "0.10.6",
 	"private": true,
 	"dependencies": {
 		"@babel/core": "^7.16.0",

src/ui/pages/usersList/UsersList.tsx

@@ -47,8 +47,8 @@ import UsersListTable, {
 } from "../../components/usersListTable/UsersListTable";
 import { PopupContentContext } from "../../contexts/PopupContentContext";
 import { useTenantsListContext } from "../../contexts/TenantsListContext";
-import "./UsersList.scss";
 import { EmailVerificationStatus, User } from "./types";
+import "./UsersList.scss";
 
 type UserListPropsReloadRef = MutableRefObject<(() => Promise<void>) | undefined>;
 
@@ -307,15 +307,6 @@ export const UsersList: React.FC<UserListProps> = ({
 							})}
 						</select>
 					</div>
-					<Button
-						disabled={selectedTenant === undefined || tenantsLoginMethods === undefined}
-						id="add-user"
-						className="ml-auto"
-						color="secondary"
-						onClick={() => setShowCreateUserDialog(true)}>
-						<PlusIcon />
-						Add User
-					</Button>
 				</div>
 			)}
 
@@ -327,6 +318,16 @@ export const UsersList: React.FC<UserListProps> = ({
 					/>
 				)}
 
+				<Button
+					disabled={selectedTenant === undefined || tenantsLoginMethods === undefined}
+					id="add-user"
+					className="ml-auto"
+					color="secondary"
+					onClick={() => setShowCreateUserDialog(true)}>
+					<PlusIcon />
+					Add User
+				</Button>
+
 				{showCreateUserDialog && selectedTenant !== undefined && tenantsLoginMethods !== undefined ? (
 					<CreateUserDialog
 						defaultSelectedTenantId={selectedTenant}

src/version.ts

@@ -13,4 +13,4 @@
  * under the License.
  */
 
-export const package_version = "0.10.5";
+export const package_version = "0.10.6";