Integrate see users button

supertokens · Feb 16, 2024 · d6dc504 · d6dc504
1 parent e4c8fb3
commit d6dc504
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 7 deletions.
diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -18,6 +18,7 @@
     "static/media/plus-square.svg": "/static/media/plus-square.svg",
     "static/media/roles-and-permissions.svg": "/static/media/roles-and-permissions.svg",
     "static/media/no-results.svg": "/static/media/no-results.svg",
+    "static/media/info-icon.svg": "/static/media/info-icon.svg",
     "static/media/email.svg": "/static/media/email.svg",
     "static/media/user-managment.svg": "/static/media/user-managment.svg",
     "static/media/lock.svg": "/static/media/lock.svg",

diff --git a/build/static/css/main.css b/build/static/css/main.css
diff --git a/build/static/css/main.css.map b/build/static/css/main.css.map
diff --git a/build/static/js/bundle.js b/build/static/js/bundle.js
diff --git a/build/static/js/bundle.js.map b/build/static/js/bundle.js.map
diff --git a/build/static/media/info-icon.svg b/build/static/media/info-icon.svg
diff --git a/src/ui/components/tenants/tenantDetail/LoginMethodsSection.tsx b/src/ui/components/tenants/tenantDetail/LoginMethodsSection.tsx
@@ -179,7 +179,7 @@ export const LoginMethodsSection = () => {
 						});
 					});
 			},
-			200
+			400
 		),
 		[]
 	);

diff --git a/src/ui/components/tenants/tenantDetail/TenantDetailHeader.tsx b/src/ui/components/tenants/tenantDetail/TenantDetailHeader.tsx
@@ -13,6 +13,7 @@
  * under the License.
  */
 
+import { getDashboardAppBasePath, setSelectedTenantId } from "../../../../utils";
 import Button from "../../button";
 import { useTenantDetailContext } from "./TenantDetailContext";
 
@@ -27,6 +28,12 @@ const HeaderItem = ({ title, value }: { title: string; value: string }) => {
 
 export const TenantDetailHeader = () => {
 	const { tenantInfo } = useTenantDetailContext();
+
+	const handleSeeUsers = () => {
+		setSelectedTenantId(tenantInfo.tenantId);
+		window.open(getDashboardAppBasePath(), "_blank");
+	};
+
 	return (
 		<div className="tenant-detail__header panel">
 			<HeaderItem
@@ -37,7 +44,7 @@ export const TenantDetailHeader = () => {
 				title="No. of Users"
 				value={tenantInfo.userCount?.toString()}
 			/>
-			<Button>See Users</Button>
+			<Button onClick={handleSeeUsers}>See Users</Button>
 		</div>
 	);
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -179,7 +179,7 @@ export const LoginMethodsSection = () => { @@
     						});
     					});
     			},
     		),
     		[]
     	);
@@ Expand Down @@