UX Tweaks

This commit is contained in:
x032205
2025-08-29 15:23:41 -04:00
parent 1c4dfbe028
commit 0f76003f77
2 changed files with 33 additions and 26 deletions
@@ -453,7 +453,7 @@ export const IdentityUniversalAuthForm = ({
onCheckedChange={onChange} onCheckedChange={onChange}
isChecked={value} isChecked={value}
> >
Lockout {value ? "Enabled" : "Disabled"} Lockout
</Switch> </Switch>
</FormControl> </FormControl>
); );
@@ -115,9 +115,17 @@ export const ViewIdentityUniversalAuthContent = ({
<IdentityAuthFieldDisplay label="Client Secret Trusted IPs"> <IdentityAuthFieldDisplay label="Client Secret Trusted IPs">
{data.clientSecretTrustedIps.map((ip) => ip.ipAddress).join(", ")} {data.clientSecretTrustedIps.map((ip) => ip.ipAddress).join(", ")}
</IdentityAuthFieldDisplay> </IdentityAuthFieldDisplay>
<IdentityAuthFieldDisplay label="Lockout">
{data.lockoutEnabled ? "Enabled" : "Disabled"}
</IdentityAuthFieldDisplay>
{data.lockoutEnabled && (
<>
<div className="col-span-2 mt-3 flex justify-between border-b border-mineshaft-500 pb-2"> <div className="col-span-2 mt-3 flex justify-between border-b border-mineshaft-500 pb-2">
<span className="text-bunker-300">Lockout Options</span> <span className="text-bunker-300">Lockout Options</span>
<OrgPermissionCan I={OrgPermissionIdentityActions.Edit} a={OrgPermissionSubjects.Identity}> <OrgPermissionCan
I={OrgPermissionIdentityActions.Edit}
a={OrgPermissionSubjects.Identity}
>
{(isAllowed) => ( {(isAllowed) => (
<Button <Button
isDisabled={!isAllowed || !lockedOutState || isClearLockoutsPending} isDisabled={!isAllowed || !lockedOutState || isClearLockoutsPending}
@@ -131,9 +139,6 @@ export const ViewIdentityUniversalAuthContent = ({
)} )}
</OrgPermissionCan> </OrgPermissionCan>
</div> </div>
<IdentityAuthFieldDisplay label="Lockout">
{data.lockoutEnabled ? "Enabled" : "Disabled"}
</IdentityAuthFieldDisplay>
<IdentityAuthFieldDisplay label="Lockout Threshold"> <IdentityAuthFieldDisplay label="Lockout Threshold">
{data.lockoutThreshold} {data.lockoutThreshold}
</IdentityAuthFieldDisplay> </IdentityAuthFieldDisplay>
@@ -143,6 +148,8 @@ export const ViewIdentityUniversalAuthContent = ({
<IdentityAuthFieldDisplay label="Lockout Counter Reset"> <IdentityAuthFieldDisplay label="Lockout Counter Reset">
{ms(data.lockoutCounterResetSeconds * 1000, { long: true })} {ms(data.lockoutCounterResetSeconds * 1000, { long: true })}
</IdentityAuthFieldDisplay> </IdentityAuthFieldDisplay>
</>
)}
<div className="col-span-2 my-3"> <div className="col-span-2 my-3">
<div className="mb-3 border-b border-mineshaft-500 pb-2"> <div className="mb-3 border-b border-mineshaft-500 pb-2">
<span className="text-bunker-300">Client ID</span> <span className="text-bunker-300">Client ID</span>