awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Selecting SAML enforced organization

Browse Source
This commit is contained in:
Daniel Hougaard
2024-03-12 14:27:51 +01:00
parent 667fa7a9e3
commit 5f5d62a285
1 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/pages/login/select-organization.tsx
View File

@@ -12,6 +12,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Button, Spinner } from "@app/components/v2";
import { useUser } from "@app/context";
import { useGetOrganizations, useLogoutUser, useSelectOrganization } from "@app/hooks/api";
import { Organization } from "@app/hooks/api/types";
import { isLoggedIn } from "@app/reactQuery";
import { navigateUserToOrg } from "@app/views/Login/Login.utils";
@@ -44,14 +45,20 @@ export default function LoginPage() {
}, [logout, router]);
const handleSelectOrganization = useCallback(
async (orgId: string) => {
console.log("Selected organization: ", orgId);
async (organization: Organization) => {
if (organization.authEnforced) {
// org has an org-level auth method enabled (e.g. SAML)
// -> logout + redirect to SAML SSO
const { token } = await selectOrg.mutateAsync({ organizationId: orgId });
await logout.mutateAsync();
window.open(`/api/v1/sso/redirect/saml2/organizations/${organization.slug}`);
window.close();
return;
}
console.log("Organization selected successfully", { token });
await selectOrg.mutateAsync({ organizationId: organization.id });
navigateUserToOrg(router, orgId);
navigateUserToOrg(router, organization.id);
},
[selectOrg]
);
@@ -106,23 +113,20 @@ export default function LoginPage() {
{organizations.isLoading ? (
<Spinner />
) : (
organizations.data
?.concat(organizations.data)
.concat(organizations.data)
.map((org) => (
<div
onClick={() => handleSelectOrganization(org.id)}
key={org.id}
className="group flex cursor-pointer items-center justify-between rounded-md bg-mineshaft-700 px-4 py-3 capitalize text-gray-200 shadow-md transition-colors hover:bg-mineshaft-600"
>
<p className="transition-colors">{org.name}</p>
organizations.data?.map((org) => (
<div
onClick={() => handleSelectOrganization(org)}
key={org.id}
className="group flex cursor-pointer items-center justify-between rounded-md bg-mineshaft-700 px-4 py-3 capitalize text-gray-200 shadow-md transition-colors hover:bg-mineshaft-600"
>
<p className="transition-colors">{org.name}</p>
<FontAwesomeIcon
icon={faArrowRight}
className="text-gray-400 transition-colors group-hover:text-primary-500"
/>
</div>
))
<FontAwesomeIcon
icon={faArrowRight}
className="text-gray-400 transition-colors group-hover:text-primary-500"
/>
</div>
))
)}
</div>