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,34 +115,41 @@ 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>
<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>
<OrgPermissionCan I={OrgPermissionIdentityActions.Edit} a={OrgPermissionSubjects.Identity}>
{(isAllowed) => (
<Button
isDisabled={!isAllowed || !lockedOutState || isClearLockoutsPending}
size="xs"
onClick={() => clearLockouts()}
isLoading={isClearLockoutsPending}
colorSchema="secondary"
>
Reset All Lockouts
</Button>
)}
</OrgPermissionCan>
</div>
<IdentityAuthFieldDisplay label="Lockout"> <IdentityAuthFieldDisplay label="Lockout">
{data.lockoutEnabled ? "Enabled" : "Disabled"} {data.lockoutEnabled ? "Enabled" : "Disabled"}
</IdentityAuthFieldDisplay> </IdentityAuthFieldDisplay>
<IdentityAuthFieldDisplay label="Lockout Threshold"> {data.lockoutEnabled && (
{data.lockoutThreshold} <>
</IdentityAuthFieldDisplay> <div className="col-span-2 mt-3 flex justify-between border-b border-mineshaft-500 pb-2">
<IdentityAuthFieldDisplay label="Lockout Duration"> <span className="text-bunker-300">Lockout Options</span>
{ms(data.lockoutDurationSeconds * 1000, { long: true })} <OrgPermissionCan
</IdentityAuthFieldDisplay> I={OrgPermissionIdentityActions.Edit}
<IdentityAuthFieldDisplay label="Lockout Counter Reset"> a={OrgPermissionSubjects.Identity}
{ms(data.lockoutCounterResetSeconds * 1000, { long: true })} >
</IdentityAuthFieldDisplay> {(isAllowed) => (
<Button
isDisabled={!isAllowed || !lockedOutState || isClearLockoutsPending}
size="xs"
onClick={() => clearLockouts()}
isLoading={isClearLockoutsPending}
colorSchema="secondary"
>
Reset All Lockouts
</Button>
)}
</OrgPermissionCan>
</div>
<IdentityAuthFieldDisplay label="Lockout Threshold">
{data.lockoutThreshold}
</IdentityAuthFieldDisplay>
<IdentityAuthFieldDisplay label="Lockout Duration">
{ms(data.lockoutDurationSeconds * 1000, { long: true })}
</IdentityAuthFieldDisplay>
<IdentityAuthFieldDisplay label="Lockout Counter Reset">
{ms(data.lockoutCounterResetSeconds * 1000, { long: true })}
</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>